npm - @ilo-org/twig - Versions diffs - 1.8.3 → 1.8.4 - Mend

@ilo-org/twig 1.8.3 → 1.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/styles/components/scorecard.css +1 -1
package/dist/styles/global.css.map +1 -1
package/dist/styles/index.css +1 -1
package/dist/styles/index.css.map +1 -1
package/dist/styles/monorepo.css +1 -1
package/dist/styles/monorepo.css.map +1 -1
package/package.json +4 -4

package/dist/styles/components/scorecard.css CHANGED Viewed

	@@ -1 +1 @@
1	- @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)6) calc(var(--ilo-spacing-base)6) calc(var(--ilo-spacing-base)8) calc(var(--ilo-spacing-base)6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__score .ilo--status{margin-bottom:calc(var(--ilo-spacing-base)6)}.ilo--card__type__score .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)4)}.ilo--card__type__score .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)6)}.ilo--card__theme__dark .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-blue-dark)}.ilo--card__theme__light .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__score .ilo--card--area--content{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)2);margin-bottom:calc(var(--ilo-spacing-base)6)}.ilo--card__type__score .ilo--card--area--cta{display:flex;flex-flow:row wrap;gap:calc(var(--ilo-spacing-base)2)}.ilo--card__type__score .ilo--card--content--item{align-items:flex-start;display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)2);justify-content:flex-start}.ilo--card__type__score .ilo--card--content--item .ilo--icon{flex:0 0 20px}.ilo--card__type__score.ilo--card__size__fluid,.ilo--card__type__score.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__score.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__score.ilo--card__size__wide .ilo--card--content{width:50%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__score.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__score.ilo--card__size__fluid img,.ilo--card__type__score.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__wide .ilo--card--title{width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date{align-self:flex-end}}.ilo--card__type__score.ilo--card__size__simple{--max-width:40.4072883173rem}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{display:grid;gap:calc(var(--ilo-spacing-base)4);grid-template-areas:"title" "cta" "status" "content";grid-template-columns:1fr;grid-template-rows:repeat(3,auto);padding:calc(var(--ilo-spacing-base)3) calc(var(--ilo-spacing-base)4)}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{grid-template-areas:"title title cta" "status content content";grid-template-columns:min-content 1fr 1fr}}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--status{grid-area:status}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);grid-area:title;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--content{flex-flow:row wrap;grid-area:content}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{grid-area:cta}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{justify-content:flex-end}}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)6) calc(var(--ilo-spacing-base)6) calc(var(--ilo-spacing-base)8) calc(var(--ilo-spacing-base)6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__score .ilo--status{margin-bottom:calc(var(--ilo-spacing-base)6)}.ilo--card__type__score .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)4)}.ilo--card__type__score .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)6)}.ilo--card__theme__dark .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-blue-dark)}.ilo--card__theme__light .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__score .ilo--card--area--content{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)2);margin-bottom:calc(var(--ilo-spacing-base)6)}.ilo--card__type__score .ilo--card--area--cta{display:flex;flex-flow:row wrap;gap:calc(var(--ilo-spacing-base)2)}.ilo--card__type__score .ilo--card--content--item{align-items:flex-start;display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)2);justify-content:flex-start}.ilo--card__type__score .ilo--card--content--item .ilo--icon{flex:0 0 20px}.ilo--card__type__score.ilo--card__size__fluid,.ilo--card__type__score.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__score.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__score.ilo--card__size__wide .ilo--card--content{width:50%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__score.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__score.ilo--card__size__fluid img,.ilo--card__type__score.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__wide .ilo--card--title{width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date{align-self:flex-end}}.ilo--card__type__score.ilo--card__size__simple{--max-width:40.4072883173rem}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{display:grid;gap:calc(var(--ilo-spacing-base)4);grid-template-areas:"title" "cta" "status" "content";grid-template-columns:1fr;grid-template-rows:repeat(3,auto);padding:calc(var(--ilo-spacing-base)3) calc(var(--ilo-spacing-base)4)}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{grid-template-areas:"title title cta" "status content content";grid-template-columns:min-content 1fr 1fr}}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--status{grid-area:status;margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--title{align-self:center;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);grid-area:title;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--content{align-items:center;flex-flow:row wrap;grid-area:content;margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{grid-area:cta}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{justify-content:flex-end}}

package/dist/styles/global.css.map CHANGED Viewed

	@@ -1 +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 Tue, 27 May 2025 13:39:06 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"]}
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 Thu, 29 May 2025 08:39:00 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"]}