@cds/core 6.0.0 → 6.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/global.css +16 -16
- package/global.min.css +1 -1
- package/icon/icon.element.js +1 -1
- package/icon/icon.element.js.map +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/styles/module.typography.css +16 -16
- package/styles/module.typography.min.css +1 -1
- package/styles/shim.clr-ui.css +30 -27
- package/styles/shim.clr-ui.min.css +11 -9
package/icon/icon.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{baseStyles as s,hasStringPropertyChangedAndNotNil as e,hasStringPropertyChanged as i,pxToRem as r,GlobalStateService as o,isString as p,property as n,state as h}from"@cds/core/internal";import{LitElement as a,html as d,svg as c}from"lit";import{query as l}from"lit/decorators/query.js";import y from"./icon.element.scss.js";import{ClarityIcons as u}from"./icon.service.js";import{updateIconSizeStyle as g}from"./utils/icon.classnames.js";import{getIconSVG as f,getIconBadgeSVG as m}from"./utils/icon.svg-helpers.js";class v extends a{constructor(){super(...arguments);this._shape="unknown",this.solid=!1,this.inverse=!1}static get styles(){return[s,y]}get shape(){return this._shape}set shape(t){if(e(t,this._shape)){const s=this._shape;this._shape=t,this.requestUpdate("shape",s)}}get size(){return this._size}set size(t){if(i(t,this._size)){const s=this._size;this._size=t,g(this,t),this.requestUpdate("size",s)}}updated(t){if(t.has("innerOffset")&&this.innerOffset>0){const t=r(-1*this.innerOffset),s=`calc(100% + ${r(2*this.innerOffset)})`;this.svg.style.width=s,this.svg.style.height=s,this.svg.style.margin=`${t} 0 0 ${t}`}}firstUpdated(t){super.firstUpdated(t)
|
|
1
|
+
import{__decorate as t}from"tslib";import{baseStyles as s,hasStringPropertyChangedAndNotNil as e,hasStringPropertyChanged as i,pxToRem as r,GlobalStateService as o,isString as p,property as n,state as h}from"@cds/core/internal";import{LitElement as a,html as d,svg as c}from"lit";import{query as l}from"lit/decorators/query.js";import y from"./icon.element.scss.js";import{ClarityIcons as u}from"./icon.service.js";import{updateIconSizeStyle as g}from"./utils/icon.classnames.js";import{getIconSVG as f,getIconBadgeSVG as m}from"./utils/icon.svg-helpers.js";class v extends a{constructor(){super(...arguments);this._shape="unknown",this.solid=!1,this.inverse=!1}static get styles(){return[s,y]}get shape(){return this._shape}set shape(t){if(e(t,this._shape)){const s=this._shape;this._shape=t,this.requestUpdate("shape",s)}}get size(){return this._size}set size(t){if(i(t,this._size)){const s=this._size;this._size=t,g(this,t),this.requestUpdate("size",s)}}updated(t){if(t.has("innerOffset")&&this.innerOffset>0){const t=r(-1*this.innerOffset),s=`calc(100% + ${r(2*this.innerOffset)})`;this.svg.style.width=s,this.svg.style.height=s,this.svg.style.margin=`${t} 0 0 ${t}`}}firstUpdated(t){if(super.firstUpdated(t),this.isConnected){let t="unknown";this.subscription=o.stateUpdates.subscribe((s=>{"iconRegistry"===s.key&&u.registry[this.shape]&&t!==this.shape&&(t=this.shape,this.requestUpdate("shape"))}))}}disconnectedCallback(){super.disconnectedCallback(),this.subscription?.unsubscribe()}render(){return p(u.registry[this.shape])?d`<span .innerHTML="${u.registry[this.shape]}"></span>`:c`<svg .innerHTML="${f(this)+m(this)}" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"></svg>`}}t([n({type:String})],v.prototype,"shape",null),t([n({type:String})],v.prototype,"size",null),t([n({type:String})],v.prototype,"direction",void 0),t([n({type:String})],v.prototype,"flip",void 0),t([n({type:Boolean})],v.prototype,"solid",void 0),t([n({type:String})],v.prototype,"status",void 0),t([n({type:Boolean})],v.prototype,"inverse",void 0),t([n({type:String})],v.prototype,"badge",void 0),t([h({type:Number})],v.prototype,"innerOffset",void 0),t([l("svg")],v.prototype,"svg",void 0);export{v as CdsIcon};
|
|
2
2
|
//# sourceMappingURL=icon.element.js.map
|
package/icon/icon.element.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.element.js","sources":["../../../src/icon/icon.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { baseStyles, hasStringPropertyChanged, hasStringPropertyChangedAndNotNil, property, state, isString, pxToRem, GlobalStateService, } from '@cds/core/internal';\nimport { html, LitElement, svg } from 'lit';\nimport { query } from 'lit/decorators/query.js';\nimport styles from './icon.element.scss';\nimport { ClarityIcons } from './icon.service.js';\nimport { updateIconSizeStyle } from './utils/icon.classnames.js';\nimport { getIconBadgeSVG, getIconSVG } from './utils/icon.svg-helpers.js';\n/**\n * Icon component that renders svg shapes that can be customized.\n * To load an icon, import the icon with the icon service.\n *\n * ```typescript\n * import '@cds/core/icon/register.js';\n * import { ClarityIcons, userIcon } from '@cds/core/icon';\n *\n * ClarityIcons.addIcons(userIcon);\n * ```\n *\n * ```html\n * <cds-icon shape=\"user\"></cds-icon>\n * ```\n *\n * @element cds-icon\n * @cssprop --color\n * @cssprop --badge-color\n */\nexport class CdsIcon extends LitElement {\n constructor() {\n super(...arguments);\n this._shape = 'unknown';\n /**\n * Displays most icons in their \"filled\" version if set to `true`.\n */\n this.solid = false;\n /**\n * Inverts color of icon fills and outlines if `true`.\n * Useful for displaying icons on a dark background.\n */\n this.inverse = false;\n }\n static get styles() {\n return [baseStyles, styles];\n }\n get shape() {\n return this._shape;\n }\n /**\n * Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if\n * the specified icon cannot be found in the icon registry.\n */\n set shape(val) {\n if (hasStringPropertyChangedAndNotNil(val, this._shape)) {\n const oldVal = this._shape;\n this._shape = val;\n this.requestUpdate('shape', oldVal);\n }\n }\n get size() {\n return this._size;\n }\n /**\n * Apply numerical width-height or a t-shirt-sized CSS classname\n * @type {string | xs | sm | md | lg | xl | xxl}\n */\n set size(val) {\n if (hasStringPropertyChanged(val, this._size)) {\n const oldVal = this._size;\n this._size = val;\n updateIconSizeStyle(this, val);\n this.requestUpdate('size', oldVal);\n }\n }\n updated(props) {\n if (props.has('innerOffset') && this.innerOffset > 0) {\n const val = pxToRem(-1 * this.innerOffset);\n const dimension = `calc(100% + ${pxToRem(this.innerOffset * 2)})`;\n this.svg.style.width = dimension;\n this.svg.style.height = dimension;\n this.svg.style.margin = `${val} 0 0 ${val}`;\n }\n }\n firstUpdated(props) {\n super.firstUpdated(props);\n let prior = 'unknown';\n
|
|
1
|
+
{"version":3,"file":"icon.element.js","sources":["../../../src/icon/icon.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { baseStyles, hasStringPropertyChanged, hasStringPropertyChangedAndNotNil, property, state, isString, pxToRem, GlobalStateService, } from '@cds/core/internal';\nimport { html, LitElement, svg } from 'lit';\nimport { query } from 'lit/decorators/query.js';\nimport styles from './icon.element.scss';\nimport { ClarityIcons } from './icon.service.js';\nimport { updateIconSizeStyle } from './utils/icon.classnames.js';\nimport { getIconBadgeSVG, getIconSVG } from './utils/icon.svg-helpers.js';\n/**\n * Icon component that renders svg shapes that can be customized.\n * To load an icon, import the icon with the icon service.\n *\n * ```typescript\n * import '@cds/core/icon/register.js';\n * import { ClarityIcons, userIcon } from '@cds/core/icon';\n *\n * ClarityIcons.addIcons(userIcon);\n * ```\n *\n * ```html\n * <cds-icon shape=\"user\"></cds-icon>\n * ```\n *\n * @element cds-icon\n * @cssprop --color\n * @cssprop --badge-color\n */\nexport class CdsIcon extends LitElement {\n constructor() {\n super(...arguments);\n this._shape = 'unknown';\n /**\n * Displays most icons in their \"filled\" version if set to `true`.\n */\n this.solid = false;\n /**\n * Inverts color of icon fills and outlines if `true`.\n * Useful for displaying icons on a dark background.\n */\n this.inverse = false;\n }\n static get styles() {\n return [baseStyles, styles];\n }\n get shape() {\n return this._shape;\n }\n /**\n * Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if\n * the specified icon cannot be found in the icon registry.\n */\n set shape(val) {\n if (hasStringPropertyChangedAndNotNil(val, this._shape)) {\n const oldVal = this._shape;\n this._shape = val;\n this.requestUpdate('shape', oldVal);\n }\n }\n get size() {\n return this._size;\n }\n /**\n * Apply numerical width-height or a t-shirt-sized CSS classname\n * @type {string | xs | sm | md | lg | xl | xxl}\n */\n set size(val) {\n if (hasStringPropertyChanged(val, this._size)) {\n const oldVal = this._size;\n this._size = val;\n updateIconSizeStyle(this, val);\n this.requestUpdate('size', oldVal);\n }\n }\n updated(props) {\n if (props.has('innerOffset') && this.innerOffset > 0) {\n const val = pxToRem(-1 * this.innerOffset);\n const dimension = `calc(100% + ${pxToRem(this.innerOffset * 2)})`;\n this.svg.style.width = dimension;\n this.svg.style.height = dimension;\n this.svg.style.margin = `${val} 0 0 ${val}`;\n }\n }\n firstUpdated(props) {\n super.firstUpdated(props);\n if (this.isConnected) {\n let prior = 'unknown';\n this.subscription = GlobalStateService.stateUpdates.subscribe(update => {\n if (update.key === 'iconRegistry' && ClarityIcons.registry[this.shape] && prior !== this.shape) {\n prior = this.shape;\n this.requestUpdate('shape');\n }\n });\n }\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n this.subscription?.unsubscribe();\n }\n render() {\n return isString(ClarityIcons.registry[this.shape])\n ? html `<span .innerHTML=\"${ClarityIcons.registry[this.shape]}\"></span>`\n : svg `<svg .innerHTML=\"${getIconSVG(this) + getIconBadgeSVG(this)}\" viewBox=\"0 0 36 36\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"></svg>`;\n }\n}\n__decorate([\n property({ type: String })\n], CdsIcon.prototype, \"shape\", null);\n__decorate([\n property({ type: String })\n], CdsIcon.prototype, \"size\", null);\n__decorate([\n property({ type: String })\n], CdsIcon.prototype, \"direction\", void 0);\n__decorate([\n property({ type: String })\n], CdsIcon.prototype, \"flip\", void 0);\n__decorate([\n property({ type: Boolean })\n], CdsIcon.prototype, \"solid\", void 0);\n__decorate([\n property({ type: String })\n], CdsIcon.prototype, \"status\", void 0);\n__decorate([\n property({ type: Boolean })\n], CdsIcon.prototype, \"inverse\", void 0);\n__decorate([\n property({ type: String })\n], CdsIcon.prototype, \"badge\", void 0);\n__decorate([\n state({ type: Number })\n], CdsIcon.prototype, \"innerOffset\", void 0);\n__decorate([\n query('svg')\n], CdsIcon.prototype, \"svg\", void 0);\n"],"names":["CdsIcon","LitElement","constructor","super","this","_shape","solid","inverse","styles","baseStyles","shape","val","hasStringPropertyChangedAndNotNil","oldVal","requestUpdate","size","_size","hasStringPropertyChanged","updateIconSizeStyle","updated","props","has","innerOffset","pxToRem","dimension","svg","style","width","height","margin","firstUpdated","isConnected","prior","subscription","GlobalStateService","stateUpdates","subscribe","update","key","ClarityIcons","registry","disconnectedCallback","unsubscribe","render","isString","html","getIconSVG","getIconBadgeSVG","__decorate","property","type","String","prototype","Boolean","state","Number","query"],"mappings":"8iBAgCO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,OAAS,UAIdD,KAAKE,OAAQ,EAKbF,KAAKG,SAAU,EAERC,oBACP,MAAO,CAACC,EAAYD,GAEpBE,YACA,OAAON,KAAKC,OAMZK,UAAMC,GACN,GAAIC,EAAkCD,EAAKP,KAAKC,QAAS,CACrD,MAAMQ,EAAST,KAAKC,OACpBD,KAAKC,OAASM,EACdP,KAAKU,cAAc,QAASD,IAGhCE,WACA,OAAOX,KAAKY,MAMZD,SAAKJ,GACL,GAAIM,EAAyBN,EAAKP,KAAKY,OAAQ,CAC3C,MAAMH,EAAST,KAAKY,MACpBZ,KAAKY,MAAQL,EACbO,EAAoBd,KAAMO,GAC1BP,KAAKU,cAAc,OAAQD,IAGnCM,QAAQC,GACJ,GAAIA,EAAMC,IAAI,gBAAkBjB,KAAKkB,YAAc,EAAG,CAClD,MAAMX,EAAMY,GAAS,EAAInB,KAAKkB,aACxBE,EAAY,eAAeD,EAA2B,EAAnBnB,KAAKkB,gBAC9ClB,KAAKqB,IAAIC,MAAMC,MAAQH,EACvBpB,KAAKqB,IAAIC,MAAME,OAASJ,EACxBpB,KAAKqB,IAAIC,MAAMG,OAAS,GAAGlB,SAAWA,KAG9CmB,aAAaV,GAET,GADAjB,MAAM2B,aAAaV,GACfhB,KAAK2B,YAAa,CAClB,IAAIC,EAAQ,UACZ5B,KAAK6B,aAAeC,EAAmBC,aAAaC,WAAUC,IACvC,iBAAfA,EAAOC,KAA0BC,EAAaC,SAASpC,KAAKM,QAAUsB,IAAU5B,KAAKM,QACrFsB,EAAQ5B,KAAKM,MACbN,KAAKU,cAAc,cAKnC2B,uBACItC,MAAMsC,uBACNrC,KAAK6B,cAAcS,cAEvBC,SACI,OAAOC,EAASL,EAAaC,SAASpC,KAAKM,QACrCmC,CAAK,qBAAqBN,EAAaC,SAASpC,KAAKM,kBACrDe,CAAI,oBAAoBqB,EAAW1C,MAAQ2C,EAAgB3C,2FAGzE4C,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBnD,EAAQoD,UAAW,QAAS,MAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBnD,EAAQoD,UAAW,OAAQ,MAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBnD,EAAQoD,UAAW,iBAAa,GACnCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBnD,EAAQoD,UAAW,YAAQ,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBrD,EAAQoD,UAAW,aAAS,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBnD,EAAQoD,UAAW,cAAU,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBrD,EAAQoD,UAAW,eAAW,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBnD,EAAQoD,UAAW,aAAS,GAC/BJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,UACfvD,EAAQoD,UAAW,mBAAe,GACrCJ,EAAW,CACPQ,EAAM,QACPxD,EAAQoD,UAAW,WAAO"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ2:var(--cds-global-layout-space-xxs, 0.25rem);--δ3:var(--cds-global-layout-space-xs, 0.5rem);--δ4:var(--cds-global-layout-space-sm, 0.75rem);--δ5:var(--cds-global-layout-space-md, 1rem);--δ6:var(--cds-global-layout-space-lg, 1.5rem);--δ7:var(--cds-global-layout-space-xl, 2rem)}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal]{display:flex;flex-direction:row;flex-wrap:wrap;justify-items:flex-start;align-items:flex-start;width:100%;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{width:100%;display:flex;flex-direction:column;align-items:flex-start}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}::slotted([cds-layout~="display:screen-reader-only"]),[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xxs"]{gap:var(--δ2)}[cds-layout*="gap:xs"]{gap:var(--δ3)}[cds-layout*="gap:sm"]{gap:var(--δ4)}[cds-layout*="gap:md"]{gap:var(--δ5)}[cds-layout*="gap:lg"]{gap:var(--δ6)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xxs"]{padding:var(--δ2)!important}[cds-layout~="p:xs"]{padding:var(--δ3)!important}[cds-layout~="p:sm"]{padding:var(--δ4)!important}[cds-layout~="p:md"]{padding:var(--δ5)!important}[cds-layout~="m:md"]{margin:var(--δ5)!important}[cds-layout~="p:lg"]{padding:var(--δ6)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ6)!important;padding-right:var(--δ6)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ5)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ6)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ6)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ6)}[cds-layout~="p@md:lg"]{padding:var(--δ6)!important}[cds-layout~="m@md:xl"]{margin:var(--δ7)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=subsection],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,2.5rem);font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,1.5rem);font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,1.25rem);font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=subsection]{font-size:var(--cds-global-typography-subsection-font-size,1rem);font-weight:var(--cds-global-typography-subsection-font-weight,400);line-height:var(--cds-global-typography-subsection-line-height,1.25em);letter-spacing:var(--cds-global-typography-subsection-letter-spacing,-.0125em)}[cds-text*=subsection]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-subsection-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=subsection]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-subsection-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,.875rem);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,1rem);font-weight:var(--cds-global-typography-message-font-weight,25rem);line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,.8125rem);font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}@media (-webkit-min-device-pixel-ratio:0){[cds-text=link]:focus{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}[cds-text~=code]{color:var(--cds-alias-status-danger,var(--cds-global-color-red-700,#e02200));font-family:monospace;font-size:1.1em}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,.0625rem);overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,.0625rem) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=justify]{text-align:justify!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([role=dialog][hidden]),:host([role=dialog][hidden]) ::slotted(*){display:block!important;visibility:hidden!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:Highlight solid 2px;outline:5px auto -webkit-focus-ring-color;outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}`;export{a as default};
|
|
1
|
+
import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ2:var(--cds-global-layout-space-xxs, 0.25rem);--δ3:var(--cds-global-layout-space-xs, 0.5rem);--δ4:var(--cds-global-layout-space-sm, 0.75rem);--δ5:var(--cds-global-layout-space-md, 1rem);--δ6:var(--cds-global-layout-space-lg, 1.5rem);--δ7:var(--cds-global-layout-space-xl, 2rem)}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal]{display:flex;flex-direction:row;flex-wrap:wrap;justify-items:flex-start;align-items:flex-start;width:100%;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{width:100%;display:flex;flex-direction:column;align-items:flex-start}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}::slotted([cds-layout~="display:screen-reader-only"]),[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xxs"]{gap:var(--δ2)}[cds-layout*="gap:xs"]{gap:var(--δ3)}[cds-layout*="gap:sm"]{gap:var(--δ4)}[cds-layout*="gap:md"]{gap:var(--δ5)}[cds-layout*="gap:lg"]{gap:var(--δ6)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xxs"]{padding:var(--δ2)!important}[cds-layout~="p:xs"]{padding:var(--δ3)!important}[cds-layout~="p:sm"]{padding:var(--δ4)!important}[cds-layout~="p:md"]{padding:var(--δ5)!important}[cds-layout~="m:md"]{margin:var(--δ5)!important}[cds-layout~="p:lg"]{padding:var(--δ6)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ6)!important;padding-right:var(--δ6)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ5)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ6)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ6)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ6)}[cds-layout~="p@md:lg"]{padding:var(--δ6)!important}[cds-layout~="m@md:xl"]{margin:var(--δ7)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=subsection],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,2.5rem);font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,1.5rem);font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,1.25rem);font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=subsection]{font-size:var(--cds-global-typography-subsection-font-size,1rem);font-weight:var(--cds-global-typography-subsection-font-weight,400);line-height:var(--cds-global-typography-subsection-line-height,1.25em);letter-spacing:var(--cds-global-typography-subsection-letter-spacing,-.0125em)}[cds-text*=subsection]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-subsection-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=subsection]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-subsection-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,.875rem);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,1rem);font-weight:var(--cds-global-typography-message-font-weight,25rem);line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,.8125rem);font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}@media (-webkit-min-device-pixel-ratio:0){[cds-text=link]:focus{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}[cds-text~=code]{color:var(--cds-alias-status-danger,var(--cds-global-color-red-700,#e02200));font-family:monospace;font-size:1.1em}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,.0625rem);overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,.0625rem) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=justify]{text-align:justify!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:var(--cds-global-typography-color-400);line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([role=dialog][hidden]),:host([role=dialog][hidden]) ::slotted(*){display:block!important;visibility:hidden!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:Highlight solid 2px;outline:5px auto -webkit-focus-ring-color;outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}`;export{a as default};
|
|
2
2
|
//# sourceMappingURL=base.element.scss.js.map
|
package/internal/utils/global.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.0.
|
|
1
|
+
import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.0.1";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
|
|
2
2
|
//# sourceMappingURL=global.js.map
|
package/package.json
CHANGED
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
|
|
415
415
|
font-size: 2rem;
|
|
416
416
|
font-weight: 200;
|
|
417
|
-
color:
|
|
417
|
+
color: var(--cds-global-typography-color-400);
|
|
418
418
|
line-height: 1.2em;
|
|
419
419
|
letter-spacing: -0.0125em;
|
|
420
420
|
}
|
|
@@ -439,7 +439,7 @@
|
|
|
439
439
|
font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
|
|
440
440
|
font-size: 1.6rem;
|
|
441
441
|
font-weight: 200;
|
|
442
|
-
color:
|
|
442
|
+
color: var(--cds-global-typography-color-400);
|
|
443
443
|
line-height: 1.5em;
|
|
444
444
|
letter-spacing: -0.0156em;
|
|
445
445
|
}
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
|
|
465
465
|
font-size: 1.4rem;
|
|
466
466
|
font-weight: 200;
|
|
467
|
-
color:
|
|
467
|
+
color: var(--cds-global-typography-color-400);
|
|
468
468
|
line-height: 1.7143em;
|
|
469
469
|
letter-spacing: -0.017857em;
|
|
470
470
|
}
|
|
@@ -489,7 +489,7 @@
|
|
|
489
489
|
font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
|
|
490
490
|
font-size: 1.1rem;
|
|
491
491
|
font-weight: 200;
|
|
492
|
-
color:
|
|
492
|
+
color: var(--cds-global-typography-color-400);
|
|
493
493
|
line-height: 1.0909em;
|
|
494
494
|
letter-spacing: -0.013636em;
|
|
495
495
|
}
|
|
@@ -514,7 +514,7 @@
|
|
|
514
514
|
font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
|
|
515
515
|
font-size: 0.9rem;
|
|
516
516
|
font-weight: 200;
|
|
517
|
-
color:
|
|
517
|
+
color: var(--cds-global-typography-color-400);
|
|
518
518
|
line-height: 1.333333em;
|
|
519
519
|
letter-spacing: -0.011111em;
|
|
520
520
|
}
|
|
@@ -539,7 +539,7 @@
|
|
|
539
539
|
font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
|
|
540
540
|
font-size: 0.8rem;
|
|
541
541
|
font-weight: 400;
|
|
542
|
-
color:
|
|
542
|
+
color: var(--cds-global-typography-color-400);
|
|
543
543
|
line-height: 1.5em;
|
|
544
544
|
letter-spacing: -0.0125em;
|
|
545
545
|
}
|
|
@@ -564,7 +564,7 @@
|
|
|
564
564
|
font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
|
|
565
565
|
font-size: 0.7rem;
|
|
566
566
|
font-weight: 500;
|
|
567
|
-
color:
|
|
567
|
+
color: var(--cds-global-typography-color-400);
|
|
568
568
|
line-height: 1.5em;
|
|
569
569
|
letter-spacing: -0.03125em;
|
|
570
570
|
}
|
|
@@ -588,7 +588,7 @@
|
|
|
588
588
|
[cds-text*=p0] {
|
|
589
589
|
font-size: 1.2rem;
|
|
590
590
|
font-weight: 400;
|
|
591
|
-
color:
|
|
591
|
+
color: var(--cds-global-typography-color-500);
|
|
592
592
|
line-height: 1.16667em;
|
|
593
593
|
letter-spacing: -0.008333em;
|
|
594
594
|
}
|
|
@@ -612,7 +612,7 @@
|
|
|
612
612
|
[cds-text*=p1] {
|
|
613
613
|
font-size: 0.7rem;
|
|
614
614
|
font-weight: 400;
|
|
615
|
-
color:
|
|
615
|
+
color: var(--cds-global-typography-color-400);
|
|
616
616
|
line-height: 1.71429em;
|
|
617
617
|
letter-spacing: -0.014286em;
|
|
618
618
|
}
|
|
@@ -636,7 +636,7 @@
|
|
|
636
636
|
[cds-text*=p2] {
|
|
637
637
|
font-size: 0.65rem;
|
|
638
638
|
font-weight: 500;
|
|
639
|
-
color:
|
|
639
|
+
color: var(--cds-global-typography-color-400);
|
|
640
640
|
line-height: 1.84615em;
|
|
641
641
|
letter-spacing: -0.007692em;
|
|
642
642
|
}
|
|
@@ -660,7 +660,7 @@
|
|
|
660
660
|
[cds-text*=p3] {
|
|
661
661
|
font-size: 0.65rem;
|
|
662
662
|
font-weight: 400;
|
|
663
|
-
color:
|
|
663
|
+
color: var(--cds-global-typography-color-400);
|
|
664
664
|
line-height: 1.84615em;
|
|
665
665
|
letter-spacing: -0.007692em;
|
|
666
666
|
}
|
|
@@ -684,7 +684,7 @@
|
|
|
684
684
|
[cds-text*=p4] {
|
|
685
685
|
font-size: 0.6rem;
|
|
686
686
|
font-weight: 600;
|
|
687
|
-
color:
|
|
687
|
+
color: var(--cds-global-typography-color-400);
|
|
688
688
|
line-height: 2em;
|
|
689
689
|
letter-spacing: -0.008333em;
|
|
690
690
|
}
|
|
@@ -708,7 +708,7 @@
|
|
|
708
708
|
[cds-text*=p5] {
|
|
709
709
|
font-size: 0.6rem;
|
|
710
710
|
font-weight: 400;
|
|
711
|
-
color:
|
|
711
|
+
color: var(--cds-global-typography-color-400);
|
|
712
712
|
line-height: 2em;
|
|
713
713
|
letter-spacing: -0.008333em;
|
|
714
714
|
}
|
|
@@ -732,7 +732,7 @@
|
|
|
732
732
|
[cds-text*=p6] {
|
|
733
733
|
font-size: 0.55rem;
|
|
734
734
|
font-weight: 600;
|
|
735
|
-
color:
|
|
735
|
+
color: var(--cds-global-typography-color-400);
|
|
736
736
|
line-height: 1.090909em;
|
|
737
737
|
letter-spacing: 0.018182em;
|
|
738
738
|
}
|
|
@@ -756,7 +756,7 @@
|
|
|
756
756
|
[cds-text*=p7] {
|
|
757
757
|
font-size: 0.55rem;
|
|
758
758
|
font-weight: 400;
|
|
759
|
-
color:
|
|
759
|
+
color: var(--cds-global-typography-color-400);
|
|
760
760
|
line-height: 1.090909em;
|
|
761
761
|
letter-spacing: 0.018182em;
|
|
762
762
|
}
|
|
@@ -780,7 +780,7 @@
|
|
|
780
780
|
[cds-text*=p8] {
|
|
781
781
|
font-size: 0.5rem;
|
|
782
782
|
font-weight: 400;
|
|
783
|
-
color:
|
|
783
|
+
color: var(--cds-global-typography-color-400);
|
|
784
784
|
line-height: 1.2em;
|
|
785
785
|
letter-spacing: 0.02em;
|
|
786
786
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[cds-text]{font-family:var(--cds-global-typography-font-family);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=heading],[cds-text*=section],[cds-text*=subsection],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family);color:var(--cds-global-typography-color-400)}[cds-text*=body],[cds-text*=caption],[cds-text*=message],[cds-text*=secondary],[cds-text*=smallcaption]{color:var(--cds-global-typography-color-500)}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size);font-weight:var(--cds-global-typography-display-font-weight);line-height:var(--cds-global-typography-display-line-height);letter-spacing:var(--cds-global-typography-display-letter-spacing)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-display-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-display-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=heading]{font-size:var(--cds-global-typography-heading-font-size);font-weight:var(--cds-global-typography-heading-font-weight);line-height:var(--cds-global-typography-heading-line-height);letter-spacing:var(--cds-global-typography-heading-letter-spacing)}[cds-text*=heading]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-heading-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=heading]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-heading-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size);font-weight:var(--cds-global-typography-title-font-weight);line-height:var(--cds-global-typography-title-line-height);letter-spacing:var(--cds-global-typography-title-letter-spacing)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-title-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-title-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size);font-weight:var(--cds-global-typography-section-font-weight);line-height:var(--cds-global-typography-section-line-height);letter-spacing:var(--cds-global-typography-section-letter-spacing)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-section-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-section-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=subsection]{font-size:var(--cds-global-typography-subsection-font-size);font-weight:var(--cds-global-typography-subsection-font-weight);line-height:var(--cds-global-typography-subsection-line-height);letter-spacing:var(--cds-global-typography-subsection-letter-spacing)}[cds-text*=subsection]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-subsection-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=subsection]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-subsection-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight);font-size:var(--cds-global-typography-body-font-size);letter-spacing:var(--cds-global-typography-body-letter-spacing);line-height:var(--cds-global-typography-body-line-height)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-body-line-height) - 1em)/2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-body-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size);font-weight:var(--cds-global-typography-message-font-weight);line-height:var(--cds-global-typography-message-line-height);letter-spacing:var(--cds-global-typography-message-letter-spacing)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-message-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-message-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size);font-weight:var(--cds-global-typography-secondary-font-weight);line-height:var(--cds-global-typography-secondary-line-height);letter-spacing:var(--cds-global-typography-secondary-letter-spacing)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-secondary-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-secondary-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=caption]{font-size:var(--cds-global-typography-caption-font-size);font-weight:var(--cds-global-typography-caption-font-weight);line-height:var(--cds-global-typography-caption-line-height);letter-spacing:var(--cds-global-typography-caption-letter-spacing)}[cds-text*=caption]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-caption-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=caption]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-caption-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=smallcaption]{font-size:var(--cds-global-typography-smallcaption-font-size);font-weight:var(--cds-global-typography-smallcaption-font-weight);line-height:var(--cds-global-typography-smallcaption-line-height);letter-spacing:var(--cds-global-typography-smallcaption-letter-spacing)}[cds-text*=smallcaption]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=smallcaption]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em)/2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color)!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:focus{outline:var(--cds-alias-object-interaction-outline);outline-offset:var(--cds-alias-object-interaction-outline-offset)}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover)!important}[cds-text~=link]:visited:not([cds-text~=static]),[cds-text~=link][cds-text~=visited]{color:var(--cds-global-typography-link-color-visited)!important}[cds-text~=link]:visited:not([cds-text~=static]):hover,[cds-text~=link][cds-text~=visited]:hover{color:var(--cds-global-typography-link-color-visited-hover)!important}@media (-webkit-min-device-pixel-ratio:0){[cds-text=link]:focus{outline:var(--cds-alias-object-interaction-outline-webkit)}}[cds-text~=code]{color:var(--cds-alias-status-danger);font-family:monospace;font-size:1.1em}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100);overflow:hidden;box-shadow:var(--cds-alias-object-border-color)0 0 0 var(--cds-alias-object-border-width-100) inset}[cds-text~=extrabold]{font-weight:var(--cds-global-typography-font-weight-extrabold)!important}[cds-text~=bold]{font-weight:var(--cds-global-typography-font-weight-bold)!important}[cds-text~=semibold]{font-weight:var(--cds-global-typography-font-weight-semibold)!important}[cds-text~=medium]{font-weight:var(--cds-global-typography-font-weight-medium)!important}[cds-text~=regular]{font-weight:var(--cds-global-typography-font-weight-regular)!important}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light)!important}[cds-text~=capitalize]{text-transform:capitalize!important}[cds-text~=uppercase]{text-transform:uppercase!important}[cds-text~=lowercase]{text-transform:lowercase!important}[cds-text~=truncate]{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}[cds-text~=truncate]::after,[cds-text~=truncate]::before{content:none}[cds-text~=justify]{text-align:justify!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=monospace]{font-family:var(--cds-global-typography-monospace-font-family)}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-layout~=disable-lhe]::after,[cds-layout~=disable-lhe]::before,[cds-text~=disable-lhe]::after,[cds-text~=disable-lhe]::before{content:none}[cds-text*=h0],[cds-text*=h1],[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:2rem;font-weight:200;color:#333;line-height:1.2em;letter-spacing:-.0125em}[cds-text*=h0]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em)/2))*-1) + .037em)}[cds-text*=h0]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em)/2))*-1) - .044em)}[cds-text*=h1],[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.6rem;line-height:1.5em;letter-spacing:-.0156em}[cds-text*=h1]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h1]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.4rem;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.7143em - 1em)/2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.7143em - 1em)/2))*-1) - .044em)}[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.0909em - 1em)/2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.0909em - 1em)/2))*-1) - .044em)}[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:.9rem;line-height:1.333333em;letter-spacing:-.011111em}[cds-text*=h4]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.333333em - 1em)/2))*-1) + .037em)}[cds-text*=h4]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.333333em - 1em)/2))*-1) - .044em)}[cds-text*=h5],[cds-text*=h6]{font-size:.8rem;font-weight:400;line-height:1.5em;letter-spacing:-.0125em}[cds-text*=h5]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h5]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=h6]{font-size:.7rem;font-weight:500;letter-spacing:-.03125em}[cds-text*=h6]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h6]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=p0],[cds-text*=p1]{font-size:1.2rem;font-weight:400;color:#333;line-height:1.16667em;letter-spacing:-.008333em}[cds-text*=p0]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.16667em - 1em)/2))*-1) + .037em)}[cds-text*=p0]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.16667em - 1em)/2))*-1) - .044em)}[cds-text*=p1]{font-size:.7rem;line-height:1.71429em;letter-spacing:-.014286em}[cds-text*=p1]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.71429em - 1em)/2))*-1) + .037em)}[cds-text*=p1]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.71429em - 1em)/2))*-1) - .044em)}[cds-text*=p2],[cds-text*=p3]{font-size:.65rem;font-weight:500;color:#333;line-height:1.84615em;letter-spacing:-.007692em}[cds-text*=p2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em)/2))*-1) + .037em)}[cds-text*=p2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em)/2))*-1) - .044em)}[cds-text*=p3]{font-weight:400;color:#1a1a1a}[cds-text*=p3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em)/2))*-1) + .037em)}[cds-text*=p3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em)/2))*-1) - .044em)}[cds-text*=p4],[cds-text*=p5]{font-size:.6rem;font-weight:600;color:#4d4d4d;line-height:2em;letter-spacing:-.008333em}[cds-text*=p4]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em)/2))*-1) + .037em)}[cds-text*=p4]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em)/2))*-1) - .044em)}[cds-text*=p5]{font-weight:400;color:#1a1a1a}[cds-text*=p5]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em)/2))*-1) + .037em)}[cds-text*=p5]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em)/2))*-1) - .044em)}[cds-text*=p6],[cds-text*=p7],[cds-text*=p8]{font-size:.55rem;font-weight:600;color:#4d4d4d;line-height:1.090909em;letter-spacing:.018182em}[cds-text*=p6]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em)/2))*-1) + .037em)}[cds-text*=p6]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em)/2))*-1) - .044em)}[cds-text*=p7],[cds-text*=p8]{font-weight:400;color:#1a1a1a}[cds-text*=p7]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em)/2))*-1) + .037em)}[cds-text*=p7]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em)/2))*-1) - .044em)}[cds-text*=p8]{font-size:.5rem;color:#000;line-height:1.2em;letter-spacing:.02em}[cds-text*=p8]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em)/2))*-1) + .037em)}[cds-text*=p8]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em)/2))*-1) - .044em)}
|
|
1
|
+
[cds-text]{font-family:var(--cds-global-typography-font-family);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=heading],[cds-text*=section],[cds-text*=subsection],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family);color:var(--cds-global-typography-color-400)}[cds-text*=body],[cds-text*=caption],[cds-text*=message],[cds-text*=secondary],[cds-text*=smallcaption]{color:var(--cds-global-typography-color-500)}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size);font-weight:var(--cds-global-typography-display-font-weight);line-height:var(--cds-global-typography-display-line-height);letter-spacing:var(--cds-global-typography-display-letter-spacing)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-display-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-display-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=heading]{font-size:var(--cds-global-typography-heading-font-size);font-weight:var(--cds-global-typography-heading-font-weight);line-height:var(--cds-global-typography-heading-line-height);letter-spacing:var(--cds-global-typography-heading-letter-spacing)}[cds-text*=heading]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-heading-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=heading]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-heading-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size);font-weight:var(--cds-global-typography-title-font-weight);line-height:var(--cds-global-typography-title-line-height);letter-spacing:var(--cds-global-typography-title-letter-spacing)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-title-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-title-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size);font-weight:var(--cds-global-typography-section-font-weight);line-height:var(--cds-global-typography-section-line-height);letter-spacing:var(--cds-global-typography-section-letter-spacing)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-section-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-section-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=subsection]{font-size:var(--cds-global-typography-subsection-font-size);font-weight:var(--cds-global-typography-subsection-font-weight);line-height:var(--cds-global-typography-subsection-line-height);letter-spacing:var(--cds-global-typography-subsection-letter-spacing)}[cds-text*=subsection]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-subsection-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=subsection]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-subsection-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight);font-size:var(--cds-global-typography-body-font-size);letter-spacing:var(--cds-global-typography-body-letter-spacing);line-height:var(--cds-global-typography-body-line-height)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-body-line-height) - 1em)/2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-body-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size);font-weight:var(--cds-global-typography-message-font-weight);line-height:var(--cds-global-typography-message-line-height);letter-spacing:var(--cds-global-typography-message-letter-spacing)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-message-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-message-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size);font-weight:var(--cds-global-typography-secondary-font-weight);line-height:var(--cds-global-typography-secondary-line-height);letter-spacing:var(--cds-global-typography-secondary-letter-spacing)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-secondary-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-secondary-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=caption]{font-size:var(--cds-global-typography-caption-font-size);font-weight:var(--cds-global-typography-caption-font-weight);line-height:var(--cds-global-typography-caption-line-height);letter-spacing:var(--cds-global-typography-caption-letter-spacing)}[cds-text*=caption]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-caption-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=caption]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-caption-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=smallcaption]{font-size:var(--cds-global-typography-smallcaption-font-size);font-weight:var(--cds-global-typography-smallcaption-font-weight);line-height:var(--cds-global-typography-smallcaption-line-height);letter-spacing:var(--cds-global-typography-smallcaption-letter-spacing)}[cds-text*=smallcaption]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=smallcaption]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em)/2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color)!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:focus{outline:var(--cds-alias-object-interaction-outline);outline-offset:var(--cds-alias-object-interaction-outline-offset)}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover)!important}[cds-text~=link]:visited:not([cds-text~=static]),[cds-text~=link][cds-text~=visited]{color:var(--cds-global-typography-link-color-visited)!important}[cds-text~=link]:visited:not([cds-text~=static]):hover,[cds-text~=link][cds-text~=visited]:hover{color:var(--cds-global-typography-link-color-visited-hover)!important}@media (-webkit-min-device-pixel-ratio:0){[cds-text=link]:focus{outline:var(--cds-alias-object-interaction-outline-webkit)}}[cds-text~=code]{color:var(--cds-alias-status-danger);font-family:monospace;font-size:1.1em}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100);overflow:hidden;box-shadow:var(--cds-alias-object-border-color)0 0 0 var(--cds-alias-object-border-width-100) inset}[cds-text~=extrabold]{font-weight:var(--cds-global-typography-font-weight-extrabold)!important}[cds-text~=bold]{font-weight:var(--cds-global-typography-font-weight-bold)!important}[cds-text~=semibold]{font-weight:var(--cds-global-typography-font-weight-semibold)!important}[cds-text~=medium]{font-weight:var(--cds-global-typography-font-weight-medium)!important}[cds-text~=regular]{font-weight:var(--cds-global-typography-font-weight-regular)!important}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light)!important}[cds-text~=capitalize]{text-transform:capitalize!important}[cds-text~=uppercase]{text-transform:uppercase!important}[cds-text~=lowercase]{text-transform:lowercase!important}[cds-text~=truncate]{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}[cds-text~=truncate]::after,[cds-text~=truncate]::before{content:none}[cds-text~=justify]{text-align:justify!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=monospace]{font-family:var(--cds-global-typography-monospace-font-family)}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-layout~=disable-lhe]::after,[cds-layout~=disable-lhe]::before,[cds-text~=disable-lhe]::after,[cds-text~=disable-lhe]::before{content:none}[cds-text*=h0],[cds-text*=h1],[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:2rem;font-weight:200;color:var(--cds-global-typography-color-400);line-height:1.2em;letter-spacing:-.0125em}[cds-text*=h0]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em)/2))*-1) + .037em)}[cds-text*=h0]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em)/2))*-1) - .044em)}[cds-text*=h1],[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.6rem;line-height:1.5em;letter-spacing:-.0156em}[cds-text*=h1]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h1]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.4rem;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.7143em - 1em)/2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.7143em - 1em)/2))*-1) - .044em)}[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.0909em - 1em)/2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.0909em - 1em)/2))*-1) - .044em)}[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:.9rem;line-height:1.333333em;letter-spacing:-.011111em}[cds-text*=h4]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.333333em - 1em)/2))*-1) + .037em)}[cds-text*=h4]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.333333em - 1em)/2))*-1) - .044em)}[cds-text*=h5],[cds-text*=h6]{font-size:.8rem;font-weight:400;line-height:1.5em;letter-spacing:-.0125em}[cds-text*=h5]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h5]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=h6]{font-size:.7rem;font-weight:500;letter-spacing:-.03125em}[cds-text*=h6]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h6]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=p0],[cds-text*=p1]{font-size:1.2rem;font-weight:400;color:var(--cds-global-typography-color-500);line-height:1.16667em;letter-spacing:-.008333em}[cds-text*=p0]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.16667em - 1em)/2))*-1) + .037em)}[cds-text*=p0]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.16667em - 1em)/2))*-1) - .044em)}[cds-text*=p1]{font-size:.7rem;color:var(--cds-global-typography-color-400);line-height:1.71429em;letter-spacing:-.014286em}[cds-text*=p1]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.71429em - 1em)/2))*-1) + .037em)}[cds-text*=p1]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.71429em - 1em)/2))*-1) - .044em)}[cds-text*=p2],[cds-text*=p3],[cds-text*=p4],[cds-text*=p5]{font-size:.65rem;font-weight:500;color:var(--cds-global-typography-color-400);line-height:1.84615em;letter-spacing:-.007692em}[cds-text*=p2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em)/2))*-1) + .037em)}[cds-text*=p2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em)/2))*-1) - .044em)}[cds-text*=p3],[cds-text*=p4],[cds-text*=p5]{font-weight:400}[cds-text*=p3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em)/2))*-1) + .037em)}[cds-text*=p3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em)/2))*-1) - .044em)}[cds-text*=p4],[cds-text*=p5]{font-size:.6rem;font-weight:600;line-height:2em;letter-spacing:-.008333em}[cds-text*=p4]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em)/2))*-1) + .037em)}[cds-text*=p4]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em)/2))*-1) - .044em)}[cds-text*=p5]{font-weight:400}[cds-text*=p5]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em)/2))*-1) + .037em)}[cds-text*=p5]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em)/2))*-1) - .044em)}[cds-text*=p6],[cds-text*=p7],[cds-text*=p8]{font-size:.55rem;font-weight:600;color:var(--cds-global-typography-color-400);line-height:1.090909em;letter-spacing:.018182em}[cds-text*=p6]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em)/2))*-1) + .037em)}[cds-text*=p6]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em)/2))*-1) - .044em)}[cds-text*=p7],[cds-text*=p8]{font-weight:400}[cds-text*=p7]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em)/2))*-1) + .037em)}[cds-text*=p7]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em)/2))*-1) - .044em)}[cds-text*=p8]{font-size:.5rem;line-height:1.2em;letter-spacing:.02em}[cds-text*=p8]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em)/2))*-1) + .037em)}[cds-text*=p8]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em)/2))*-1) - .044em)}
|
package/styles/shim.clr-ui.css
CHANGED
|
@@ -193,33 +193,33 @@
|
|
|
193
193
|
--clr-app-level-alert-color: var(--cds-global-color-white);
|
|
194
194
|
--clr-app-alert-close-icon-color: var(--clr-app-level-alert-color);
|
|
195
195
|
--clr-alert-info-bg-color: var(--cds-alias-status-info-tint);
|
|
196
|
-
--clr-alert-info-font-color: var(--cds-global-typography-color-
|
|
196
|
+
--clr-alert-info-font-color: var(--cds-global-typography-color-400);
|
|
197
197
|
--clr-alert-info-border-color: var(
|
|
198
198
|
--cds-alias-status-info
|
|
199
199
|
);
|
|
200
200
|
--clr-alert-info-icon-color: var(
|
|
201
|
-
--
|
|
201
|
+
--clr-alert-info-font-color
|
|
202
202
|
);
|
|
203
|
-
--clr-alert-info-close-icon-color: var(
|
|
204
|
-
--clr-alert-info-action-color: var(--
|
|
203
|
+
--clr-alert-info-close-icon-color: var(---clr-alert-info-font-color);
|
|
204
|
+
--clr-alert-info-action-color: var(--clr-alert-info-font-color);
|
|
205
205
|
--clr-alert-success-bg-color: var(--cds-alias-status-success-tint);
|
|
206
|
-
--clr-alert-success-font-color: var(--cds-global-typography-color-
|
|
206
|
+
--clr-alert-success-font-color: var(--cds-global-typography-color-400);
|
|
207
207
|
--clr-alert-success-border-color: var(--cds-alias-status-success);
|
|
208
|
-
--clr-alert-success-icon-color: var(--
|
|
209
|
-
--clr-alert-success-close-icon-color: var(--
|
|
210
|
-
--clr-alert-success-action-color: var(--
|
|
208
|
+
--clr-alert-success-icon-color: var(--clr-alert-success-font-color);
|
|
209
|
+
--clr-alert-success-close-icon-color: var(--clr-alert-success-font-color);
|
|
210
|
+
--clr-alert-success-action-color: var(--clr-alert-success-font-color);
|
|
211
211
|
--clr-alert-warning-bg-color: var(--cds-alias-status-warning-tint);
|
|
212
|
-
--clr-alert-warning-font-color: var(--cds-global-color-
|
|
212
|
+
--clr-alert-warning-font-color: var(--cds-global-color-construction-900);
|
|
213
213
|
--clr-alert-warning-border-color: var(--cds-alias-status-warning);
|
|
214
|
-
--clr-alert-warning-icon-color: var(--
|
|
215
|
-
--clr-alert-warning-close-icon-color: var(--
|
|
216
|
-
--clr-alert-warning-action-color: var(--
|
|
214
|
+
--clr-alert-warning-icon-color: var(--clr-alert-warning-font-color);
|
|
215
|
+
--clr-alert-warning-close-icon-color: var(--clr-alert-warning-font-color);
|
|
216
|
+
--clr-alert-warning-action-color: var(--clr-alert-warning-font-color);
|
|
217
217
|
--clr-alert-danger-bg-color: var(--cds-alias-status-danger-tint);
|
|
218
|
-
--clr-alert-danger-font-color: var(--cds-global-typography-color-
|
|
218
|
+
--clr-alert-danger-font-color: var(--cds-global-typography-color-400);
|
|
219
219
|
--clr-alert-danger-border-color: var(--cds-alias-status-danger);
|
|
220
|
-
--clr-alert-danger-icon-color: var(--
|
|
221
|
-
--clr-alert-danger-close-icon-color: var(--
|
|
222
|
-
--clr-alert-danger-action-color: var(--
|
|
220
|
+
--clr-alert-danger-icon-color: var(--clr-alert-danger-font-color);
|
|
221
|
+
--clr-alert-danger-close-icon-color: var(--clr-alert-danger-font-color);
|
|
222
|
+
--clr-alert-danger-action-color: var(--clr-alert-danger-font-color);
|
|
223
223
|
--clr-app-alert-info-bg-color: var(--cds-alias-status-info);
|
|
224
224
|
--clr-app-alert-info-font-color: var(--cds-global-typography-color-100);
|
|
225
225
|
--clr-app-alert-info-icon-color: var(--clr-app-alert-info-font-color);
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
--clr-app-alert-info-close-icon-color: var(--clr-app-alert-info-font-color);
|
|
229
229
|
--clr-app-alert-info-close-icon-hover-color: var(--clr-app-alert-info-font-color);
|
|
230
230
|
--clr-app-alert-warning-bg-color: var(--cds-alias-status-warning);
|
|
231
|
-
--clr-app-alert-warning-font-color: var(--cds-global-color-
|
|
231
|
+
--clr-app-alert-warning-font-color: var(--cds-global-typography-color-500);
|
|
232
232
|
--clr-app-alert-warning-icon-color: var(--clr-app-alert-warning-font-color);
|
|
233
233
|
--clr-app-alert-warning-close-icon-color: var(--clr-app-alert-warning-font-color);
|
|
234
234
|
--clr-app-alert-warning-action-color: var(--clr-app-alert-warning-font-color);
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
--cds-alias-status-neutral
|
|
282
282
|
);
|
|
283
283
|
--clr-label-gray-color: var(--clr-label-font-color-light);
|
|
284
|
-
--clr-label-purple-bg-color: var(--cds-global-color-violet-
|
|
284
|
+
--clr-label-purple-bg-color: var(--cds-global-color-violet-600);
|
|
285
285
|
--clr-label-purple-color: var(--clr-label-font-color-light);
|
|
286
286
|
--clr-label-blue-bg-color: var(--cds-global-color-blue-800);
|
|
287
287
|
--clr-label-blue-color: var(--clr-label-font-color-light);
|
|
@@ -318,9 +318,9 @@
|
|
|
318
318
|
--clr-badge-purple-color: var(--cds-global-color-white);
|
|
319
319
|
--clr-badge-blue-bg-color: var(--cds-global-color-blue-800);
|
|
320
320
|
--clr-badge-blue-color: var(--cds-global-color-white);
|
|
321
|
-
--clr-badge-orange-bg-color: var(--cds-global-color-
|
|
321
|
+
--clr-badge-orange-bg-color: var(--cds-global-color-tangerine-400);
|
|
322
322
|
--clr-badge-orange-color: var(--cds-global-color-black);
|
|
323
|
-
--clr-badge-light-blue-bg-color: var(--cds-global-color-blue-
|
|
323
|
+
--clr-badge-light-blue-bg-color: var(--cds-global-color-blue-300);
|
|
324
324
|
--clr-badge-light-blue-color: var(--cds-global-color-black);
|
|
325
325
|
/* Progress Bars */
|
|
326
326
|
--clr-progress-default-color: var(--cds-alias-status-info);
|
|
@@ -329,12 +329,14 @@
|
|
|
329
329
|
--clr-progress-alt-color-3: var(--clr-progress-alt-color-2);
|
|
330
330
|
--clr-progress-bg-color: var(--cds-alias-object-border-color-tint);
|
|
331
331
|
/* Accordion */
|
|
332
|
-
--clr-accordion-text-color: var(--cds-
|
|
332
|
+
--clr-accordion-text-color: var(--cds-alias-object-interaction-color);
|
|
333
333
|
--clr-accordion-active-background-color: var(
|
|
334
334
|
--cds-alias-object-interaction-background-selected
|
|
335
335
|
);
|
|
336
336
|
--clr-accordion-content-background-color: var(--cds-alias-object-app-background);
|
|
337
|
-
--clr-accordion-header-background-color: var(
|
|
337
|
+
--clr-accordion-header-background-color: var(
|
|
338
|
+
--cds-alias-object-container-background-tint
|
|
339
|
+
);
|
|
338
340
|
--clr-accordion-header-hover-background-color: var(
|
|
339
341
|
--cds-alias-object-interaction-background-hover
|
|
340
342
|
);
|
|
@@ -354,9 +356,10 @@
|
|
|
354
356
|
--cds-alias-object-interaction-background-highlight
|
|
355
357
|
);
|
|
356
358
|
--clr-card-clickable-box-shadow-color: var(--clr-card-clickable-border-color);
|
|
359
|
+
--clr-card-border-radius: var(--cds-alias-object-border-radius-100);
|
|
357
360
|
/* Forms */
|
|
358
361
|
--clr-form-disabled-background-color: var(--cds-alias-status-disabled-tint);
|
|
359
|
-
--clr-forms-label-color: var(--cds-global-typography-color-
|
|
362
|
+
--clr-forms-label-color: var(--cds-global-typography-color-400);
|
|
360
363
|
--clr-forms-text-color: var(--cds-global-typography-color-500);
|
|
361
364
|
--clr-forms-invalid-color: var(--cds-alias-status-danger);
|
|
362
365
|
--clr-forms-valid-color: var(--cds-alias-status-success);
|
|
@@ -470,11 +473,11 @@
|
|
|
470
473
|
--clr-sidenav-color: var(--clr-p1-color);
|
|
471
474
|
/* Signpost */
|
|
472
475
|
--clr-signpost-content-bg-color: var(--cds-alias-object-overlay-background);
|
|
473
|
-
--clr-signpost-content-border-color: var(--cds-alias-object-
|
|
476
|
+
--clr-signpost-content-border-color: var(--cds-alias-object-border-color);
|
|
474
477
|
--clr-signpost-action-color: var(--cds-alias-object-interaction-color);
|
|
475
478
|
--clr-signpost-action-hover-color: var(--cds-alias-object-interaction-color-hover);
|
|
476
479
|
--clr-signpost-border-size: 0.6rem;
|
|
477
|
-
--clr-signpost-pointer-border: var(--clr-signpost-border-size) solid var(--cds-alias-object-
|
|
480
|
+
--clr-signpost-pointer-border: var(--clr-signpost-border-size) solid var(--cds-alias-object-border-color);
|
|
478
481
|
--clr-signpost-pointer-psuedo-border: var(--clr-signpost-border-size) solid var(--clr-signpost-content-bg-color);
|
|
479
482
|
/* StackView */
|
|
480
483
|
--clr-stack-view-border-color: var(--cds-alias-object-border-color);
|
|
@@ -574,7 +577,7 @@
|
|
|
574
577
|
--clr-vertical-nav-item-active-color: var(
|
|
575
578
|
--cds-alias-object-interaction-color-active
|
|
576
579
|
);
|
|
577
|
-
--clr-vertical-nav-bg-color: var(--cds-alias-object-container-background
|
|
580
|
+
--clr-vertical-nav-bg-color: var(--cds-alias-object-container-background);
|
|
578
581
|
--clr-vertical-nav-active-bg-color: var(
|
|
579
582
|
--cds-alias-object-interaction-background-selected
|
|
580
583
|
);
|
|
@@ -608,7 +611,7 @@
|
|
|
608
611
|
--clr-datagrid-pagination-input-border-color: var(--cds-alias-object-border-color);
|
|
609
612
|
--clr-datagrid-pagination-input-border-focus-color: var(--clr-color-action-400);
|
|
610
613
|
--clr-datagrid-popover-bg-color: var(--cds-alias-object-overlay-background);
|
|
611
|
-
--clr-datagrid-popover-border-color: var(--cds-alias-object-
|
|
614
|
+
--clr-datagrid-popover-border-color: var(--cds-alias-object-border-color);
|
|
612
615
|
--clr-datagrid-action-popover-hover-color: var(
|
|
613
616
|
--cds-alias-object-interaction-color-hover
|
|
614
617
|
);
|