@cds/core 6.7.0 → 6.9.0
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/accordion/accordion-header.element.d.ts +4 -2
- package/accordion/accordion-header.element.js +1 -1
- package/accordion/accordion-header.element.js.map +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- package/custom-elements.json +8 -2
- package/global.css +12 -12
- package/global.min.css +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.tokens.css +12 -12
- package/styles/module.tokens.min.css +1 -1
- package/tokens/tokens.android.xml +12 -12
- package/tokens/tokens.ios.swift +12 -12
- package/tokens/tokens.json +12 -12
|
@@ -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, calc(4 * 1rem / var(--cds-global-base, 20)));--δ3:var(--cds-global-layout-space-xs, calc(8 * 1rem / var(--cds-global-base, 20)));--δ4:var(--cds-global-layout-space-sm, calc(12 * 1rem / var(--cds-global-base, 20)));--δ5:var(--cds-global-layout-space-md, calc(16 * 1rem / var(--cds-global-base, 20)));--δ6:var(--cds-global-layout-space-lg, calc(24 * 1rem / var(--cds-global-base, 20)));--δ7:var(--cds-global-layout-space-xl, calc(32 * 1rem / var(--cds-global-base, 20)))}[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-y:lg"]{padding-top:var(--δ6)!important;padding-bottom:var(--δ6)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ5)!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,calc(40 * 1rem / var(--cds-global-base,20)));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,calc(24 * 1rem / var(--cds-global-base,20)));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,calc(20 * 1rem / var(--cds-global-base,20)));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,calc(16 * 1rem / var(--cds-global-base,20)));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,calc(14 * 1rem / var(--cds-global-base,20)));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)}body[cds-text*=body]::after,body[cds-text*=body]::before{content:none}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc(16 * 1rem / var(--cds-global-base,20)));font-weight:var(--cds-global-typography-message-font-weight,calc(400 * 1rem / var(--cds-global-base,20)));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,calc(13 * 1rem / var(--cds-global-base,20)));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-700,#0079ad))!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-800,#00608a))!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,calc(1 * 1rem / var(--cds-global-base,20)));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,calc(1 * 1rem / var(--cds-global-base,20))) 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([role=dialog][hidden*=false]),:host([role=dialog][hidden*=false]) ::slotted(*){visibility:visible!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, calc(4 * 1rem / var(--cds-global-base, 20)));--δ3:var(--cds-global-layout-space-xs, calc(8 * 1rem / var(--cds-global-base, 20)));--δ4:var(--cds-global-layout-space-sm, calc(12 * 1rem / var(--cds-global-base, 20)));--δ5:var(--cds-global-layout-space-md, calc(16 * 1rem / var(--cds-global-base, 20)));--δ6:var(--cds-global-layout-space-lg, calc(24 * 1rem / var(--cds-global-base, 20)));--δ7:var(--cds-global-layout-space-xl, calc(32 * 1rem / var(--cds-global-base, 20)))}[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-y:lg"]{padding-top:var(--δ6)!important;padding-bottom:var(--δ6)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ5)!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,calc(40 * 1rem / var(--cds-global-base,20)));font-weight:var(--cds-global-typography-display-font-weight,500);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,calc(24 * 1rem / var(--cds-global-base,20)));font-weight:var(--cds-global-typography-title-font-weight,500);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,calc(20 * 1rem / var(--cds-global-base,20)));font-weight:var(--cds-global-typography-section-font-weight,500);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,calc(16 * 1rem / var(--cds-global-base,20)));font-weight:var(--cds-global-typography-subsection-font-weight,500);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,calc(14 * 1rem / var(--cds-global-base,20)));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)}body[cds-text*=body]::after,body[cds-text*=body]::before{content:none}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc(16 * 1rem / var(--cds-global-base,20)));font-weight:var(--cds-global-typography-message-font-weight,calc(400 * 1rem / var(--cds-global-base,20)));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,calc(13 * 1rem / var(--cds-global-base,20)));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-700,#0079ad))!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-800,#00608a))!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,calc(1 * 1rem / var(--cds-global-base,20)));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,calc(1 * 1rem / var(--cds-global-base,20))) 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([role=dialog][hidden*=false]),:host([role=dialog][hidden*=false]) ::slotted(*){visibility:visible!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.
|
|
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.9.0";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
package/styles/module.tokens.css
CHANGED
|
@@ -311,27 +311,27 @@
|
|
|
311
311
|
--cds-global-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
|
|
312
312
|
--cds-global-typography-display-line-height: 1.1em;
|
|
313
313
|
--cds-global-typography-display-letter-spacing: -0.0125em;
|
|
314
|
-
--cds-global-typography-display-font-weight:
|
|
314
|
+
--cds-global-typography-display-font-weight: 500;
|
|
315
315
|
--cds-global-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
316
316
|
--cds-global-typography-heading-line-height: 1.125em;
|
|
317
317
|
--cds-global-typography-heading-letter-spacing: -0.0125em;
|
|
318
|
-
--cds-global-typography-heading-font-weight:
|
|
318
|
+
--cds-global-typography-heading-font-weight: 500;
|
|
319
319
|
--cds-global-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
320
320
|
--cds-global-typography-headline-line-height: 1.125em;
|
|
321
321
|
--cds-global-typography-headline-letter-spacing: -0.0125em;
|
|
322
|
-
--cds-global-typography-headline-font-weight:
|
|
322
|
+
--cds-global-typography-headline-font-weight: 500;
|
|
323
323
|
--cds-global-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
324
324
|
--cds-global-typography-title-line-height: 1.16667em;
|
|
325
325
|
--cds-global-typography-title-letter-spacing: -0.008333em;
|
|
326
|
-
--cds-global-typography-title-font-weight:
|
|
326
|
+
--cds-global-typography-title-font-weight: 500;
|
|
327
327
|
--cds-global-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
|
|
328
328
|
--cds-global-typography-section-line-height: 1.2em;
|
|
329
329
|
--cds-global-typography-section-letter-spacing: -0.01em;
|
|
330
|
-
--cds-global-typography-section-font-weight:
|
|
330
|
+
--cds-global-typography-section-font-weight: 500;
|
|
331
331
|
--cds-global-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
332
332
|
--cds-global-typography-subsection-line-height: 1.25em;
|
|
333
333
|
--cds-global-typography-subsection-letter-spacing: -0.0125em;
|
|
334
|
-
--cds-global-typography-subsection-font-weight:
|
|
334
|
+
--cds-global-typography-subsection-font-weight: 500;
|
|
335
335
|
--cds-global-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
336
336
|
--cds-global-typography-message-line-height: 1.25em;
|
|
337
337
|
--cds-global-typography-message-letter-spacing: -0.0125em;
|
|
@@ -518,27 +518,27 @@
|
|
|
518
518
|
--cds-alias-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
|
|
519
519
|
--cds-alias-typography-display-line-height: 1.1em;
|
|
520
520
|
--cds-alias-typography-display-letter-spacing: -0.0125em;
|
|
521
|
-
--cds-alias-typography-display-font-weight:
|
|
521
|
+
--cds-alias-typography-display-font-weight: 500;
|
|
522
522
|
--cds-alias-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
523
523
|
--cds-alias-typography-heading-line-height: 1.125em;
|
|
524
524
|
--cds-alias-typography-heading-letter-spacing: -0.0125em;
|
|
525
|
-
--cds-alias-typography-heading-font-weight:
|
|
525
|
+
--cds-alias-typography-heading-font-weight: 500;
|
|
526
526
|
--cds-alias-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
527
527
|
--cds-alias-typography-headline-line-height: 1.125em;
|
|
528
528
|
--cds-alias-typography-headline-letter-spacing: -0.0125em;
|
|
529
|
-
--cds-alias-typography-headline-font-weight:
|
|
529
|
+
--cds-alias-typography-headline-font-weight: 500;
|
|
530
530
|
--cds-alias-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
531
531
|
--cds-alias-typography-title-line-height: 1.16667em;
|
|
532
532
|
--cds-alias-typography-title-letter-spacing: -0.008333em;
|
|
533
|
-
--cds-alias-typography-title-font-weight:
|
|
533
|
+
--cds-alias-typography-title-font-weight: 500;
|
|
534
534
|
--cds-alias-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
|
|
535
535
|
--cds-alias-typography-section-line-height: 1.2em;
|
|
536
536
|
--cds-alias-typography-section-letter-spacing: -0.01em;
|
|
537
|
-
--cds-alias-typography-section-font-weight:
|
|
537
|
+
--cds-alias-typography-section-font-weight: 500;
|
|
538
538
|
--cds-alias-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
539
539
|
--cds-alias-typography-subsection-line-height: 1.25em;
|
|
540
540
|
--cds-alias-typography-subsection-letter-spacing: -0.0125em;
|
|
541
|
-
--cds-alias-typography-subsection-font-weight:
|
|
541
|
+
--cds-alias-typography-subsection-font-weight: 500;
|
|
542
542
|
--cds-alias-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
543
543
|
--cds-alias-typography-message-line-height: 1.25em;
|
|
544
544
|
--cds-alias-typography-message-letter-spacing: -0.0125em;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--cds-global-base:20;--cds-global-scale-space:1;--cds-global-scale-layout-space:1;--cds-global-scale-typography:1;--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-layout-space-xxxs:calc(2 * var(--cds-internal-scale-1));--cds-global-layout-space-xxs:calc(4 * var(--cds-internal-scale-1));--cds-global-layout-space-xs:calc(8 * var(--cds-internal-scale-1));--cds-global-layout-space-sm:calc(12 * var(--cds-internal-scale-1));--cds-global-layout-space-md:calc(16 * var(--cds-internal-scale-1));--cds-global-layout-space-lg:calc(24 * var(--cds-internal-scale-1));--cds-global-layout-space-xl:calc(32 * var(--cds-internal-scale-1));--cds-global-layout-space-xxl:calc(48 * var(--cds-internal-scale-1));--cds-global-layout-space-xxxl:calc(64 * var(--cds-internal-scale-1));--cds-global-space-0:calc(0 * var(--cds-internal-scale-2));--cds-global-space-1:calc(1 * var(--cds-internal-scale-2));--cds-global-space-2:calc(2 * var(--cds-internal-scale-2));--cds-global-space-3:calc(4 * var(--cds-internal-scale-2));--cds-global-space-4:calc(6 * var(--cds-internal-scale-2));--cds-global-space-5:calc(8 * var(--cds-internal-scale-2));--cds-global-space-6:calc(12 * var(--cds-internal-scale-2));--cds-global-space-7:calc(16 * var(--cds-internal-scale-2));--cds-global-space-8:calc(18 * var(--cds-internal-scale-2));--cds-global-space-9:calc(24 * var(--cds-internal-scale-2));--cds-global-space-10:calc(32 * var(--cds-internal-scale-2));--cds-global-space-11:calc(36 * var(--cds-internal-scale-2));--cds-global-space-12:calc(48 * var(--cds-internal-scale-2));--cds-global-space-13:calc(64 * var(--cds-internal-scale-2));--cds-global-space-14:calc(72 * var(--cds-internal-scale-2));--cds-global-space-15:calc(96 * var(--cds-internal-scale-2));--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-75:hsl(198, 100%, 94%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 59%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 22%);--cds-global-color-red-1000:hsl(7, 10%, 17%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 37%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 32%, 14%);--cds-global-color-lime-50:hsl(66, 100%, 94%);--cds-global-color-lime-100:hsl(66, 95%, 83%);--cds-global-color-lime-200:hsl(66, 85%, 70%);--cds-global-color-lime-300:hsl(66, 80%, 58%);--cds-global-color-lime-400:hsl(66, 80%, 48%);--cds-global-color-lime-500:hsl(66, 90%, 41%);--cds-global-color-lime-600:hsl(66, 90%, 36%);--cds-global-color-lime-700:hsl(66, 100%, 28%);--cds-global-color-lime-800:hsl(66, 100%, 22%);--cds-global-color-lime-900:hsl(66, 100%, 12%);--cds-global-color-lime-1000:hsl(66, 100%, 7%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-25:hsl(198, 33%, 99%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 56%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-450:var(--cds-global-color-construction-1000);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc(10 * var(--cds-internal-scale-3));--cds-global-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-global-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-global-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-global-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-700);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-800);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-link-on-colorbg:var(--cds-global-color-black);--cds-global-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc(40 * var(--cds-internal-scale-3));--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-headline-line-height:1.125em;--cds-global-typography-headline-letter-spacing:-0.0125em;--cds-global-typography-headline-font-weight:400;--cds-global-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-global-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc(11 * var(--cds-internal-scale-3));--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc(10 * var(--cds-internal-scale-3));--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-typography-info-hover:var(--cds-global-color-blue-800);--cds-global-typography-success-hover:var(--cds-global-color-green-800);--cds-global-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-global-typography-danger-hover:var(--cds-global-color-red-800);--cds-global-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-global-typography-disabled:var(--cds-global-color-construction-500);--cds-global-typography-disabled-button:var(--cds-global-color-construction-500);--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-alias-object-border-radius-100:calc(4 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-200:calc(12 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc(1 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-200:calc(2 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-300:calc(3 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-400:calc(4 * (1rem / var(--cds-global-base)));--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-outline:Highlight solid 2px;--cds-alias-object-interaction-outline-webkit:5px auto -webkit-focus-ring-color;--cds-alias-object-interaction-outline-offset:1px;--cds-alias-object-interaction-touch-target:calc(36 * (1rem / var(--cds-global-base)));--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-75);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-interaction-info-hover:var(--cds-global-color-blue-800);--cds-alias-object-interaction-info-click:var(--cds-global-color-blue-900);--cds-alias-object-interaction-info-secondary-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-success-hover:var(--cds-global-color-green-800);--cds-alias-object-interaction-success-click:var(--cds-global-color-green-900);--cds-alias-object-interaction-success-secondary-hover:var(--cds-global-color-green-50);--cds-alias-object-interaction-warning-hover:var(--cds-global-color-ochre-600);--cds-alias-object-interaction-warning-click:var(--cds-global-color-ochre-700);--cds-alias-object-interaction-warning-secondary-hover:var(--cds-global-color-ochre-50);--cds-alias-object-interaction-danger-hover:var(--cds-global-color-red-800);--cds-alias-object-interaction-danger-click:var(--cds-global-color-red-900);--cds-alias-object-interaction-danger-secondary-hover:var(--cds-global-color-red-50);--cds-alias-object-interaction-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-neutral-click:var(--cds-global-color-construction-800);--cds-alias-object-interaction-neutral-secondary-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-inverse-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-inverse-click:var(--cds-global-color-construction-800);--cds-alias-object-app-background:var(--cds-global-color-construction-25);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-background-dark:var(--cds-global-color-construction-200);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-200);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-100);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-300);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900);--cds-alias-utility-gray:var(--cds-global-color-construction-500);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-50);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-700);--cds-alias-utility-blue:var(--cds-global-color-blue-700);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-800);--cds-alias-utility-light-blue:var(--cds-global-color-blue-300);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-600);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-800);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-50);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-1000);--cds-alias-utility-green:var(--cds-global-color-green-700);--cds-alias-utility-green-tint:var(--cds-global-color-green-50);--cds-alias-utility-green-shade:var(--cds-global-color-green-800);--cds-alias-utility-yellow:var(--cds-global-color-ochre-500);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-100);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-700);--cds-alias-utility-red:var(--cds-global-color-red-700);--cds-alias-utility-red-tint:var(--cds-global-color-red-50);--cds-alias-utility-red-shade:var(--cds-global-color-red-800);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-400);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-50);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-600);--cds-alias-utility-violet:var(--cds-global-color-violet-600);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-50);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-800);--cds-alias-typography-color-100:var(--cds-global-color-white);--cds-alias-typography-color-200:var(--cds-global-color-construction-600);--cds-alias-typography-color-300:var(--cds-global-color-construction-800);--cds-alias-typography-color-400:var(--cds-global-color-construction-900);--cds-alias-typography-color-450:var(--cds-global-color-construction-1000);--cds-alias-typography-color-500:var(--cds-global-color-black);--cds-alias-typography-font-weight-light:300;--cds-alias-typography-font-weight-regular:400;--cds-alias-typography-font-weight-medium:500;--cds-alias-typography-font-weight-semibold:600;--cds-alias-typography-font-weight-bold:600;--cds-alias-typography-font-weight-extrabold:600;--cds-alias-typography-font-size-0:calc(10 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--cds-alias-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-alias-typography-top-gap-height:0.1475em;--cds-alias-typography-ascender-height:0.1703em;--cds-alias-typography-x-height:0.517em;--cds-alias-typography-link-color:var(--cds-global-color-blue-700);--cds-alias-typography-link-color-hover:var(--cds-global-color-blue-800);--cds-alias-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-alias-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-black);--cds-alias-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-body-line-height:1.42857em;--cds-alias-typography-body-letter-spacing:-0.014286em;--cds-alias-typography-body-font-weight:400;--cds-alias-typography-display-font-size:calc(40 * var(--cds-internal-scale-3));--cds-alias-typography-display-line-height:1.1em;--cds-alias-typography-display-letter-spacing:-0.0125em;--cds-alias-typography-display-font-weight:400;--cds-alias-typography-heading-font-size:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-heading-line-height:1.125em;--cds-alias-typography-heading-letter-spacing:-0.0125em;--cds-alias-typography-heading-font-weight:400;--cds-alias-typography-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-headline-line-height:1.125em;--cds-alias-typography-headline-letter-spacing:-0.0125em;--cds-alias-typography-headline-font-weight:400;--cds-alias-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-title-line-height:1.16667em;--cds-alias-typography-title-letter-spacing:-0.008333em;--cds-alias-typography-title-font-weight:400;--cds-alias-typography-section-font-size:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-section-line-height:1.2em;--cds-alias-typography-section-letter-spacing:-0.01em;--cds-alias-typography-section-font-weight:400;--cds-alias-typography-subsection-font-size:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-subsection-line-height:1.25em;--cds-alias-typography-subsection-letter-spacing:-0.0125em;--cds-alias-typography-subsection-font-weight:400;--cds-alias-typography-message-font-size:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-message-line-height:1.25em;--cds-alias-typography-message-letter-spacing:-0.0125em;--cds-alias-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-alias-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-secondary-line-height:1.23077em;--cds-alias-typography-secondary-letter-spacing:-0.007692em;--cds-alias-typography-secondary-font-weight:400;--cds-alias-typography-caption-font-size:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-caption-line-height:1.454545em;--cds-alias-typography-caption-letter-spacing:0.018182em;--cds-alias-typography-caption-font-weight:400;--cds-alias-typography-smallcaption-font-size:calc(10 * var(--cds-internal-scale-3));--cds-alias-typography-smallcaption-line-height:1.2em;--cds-alias-typography-smallcaption-letter-spacing:0.05em;--cds-alias-typography-smallcaption-font-weight:500;--cds-alias-typography-info-hover:var(--cds-global-color-blue-800);--cds-alias-typography-success-hover:var(--cds-global-color-green-800);--cds-alias-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-alias-typography-danger-hover:var(--cds-global-color-red-800);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-typography-disabled:var(--cds-global-color-construction-500);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-500);--cds-internal-scale-1:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));--cds-internal-scale-2:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));--cds-internal-scale-3:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))}
|
|
1
|
+
:root{--cds-global-base:20;--cds-global-scale-space:1;--cds-global-scale-layout-space:1;--cds-global-scale-typography:1;--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-layout-space-xxxs:calc(2 * var(--cds-internal-scale-1));--cds-global-layout-space-xxs:calc(4 * var(--cds-internal-scale-1));--cds-global-layout-space-xs:calc(8 * var(--cds-internal-scale-1));--cds-global-layout-space-sm:calc(12 * var(--cds-internal-scale-1));--cds-global-layout-space-md:calc(16 * var(--cds-internal-scale-1));--cds-global-layout-space-lg:calc(24 * var(--cds-internal-scale-1));--cds-global-layout-space-xl:calc(32 * var(--cds-internal-scale-1));--cds-global-layout-space-xxl:calc(48 * var(--cds-internal-scale-1));--cds-global-layout-space-xxxl:calc(64 * var(--cds-internal-scale-1));--cds-global-space-0:calc(0 * var(--cds-internal-scale-2));--cds-global-space-1:calc(1 * var(--cds-internal-scale-2));--cds-global-space-2:calc(2 * var(--cds-internal-scale-2));--cds-global-space-3:calc(4 * var(--cds-internal-scale-2));--cds-global-space-4:calc(6 * var(--cds-internal-scale-2));--cds-global-space-5:calc(8 * var(--cds-internal-scale-2));--cds-global-space-6:calc(12 * var(--cds-internal-scale-2));--cds-global-space-7:calc(16 * var(--cds-internal-scale-2));--cds-global-space-8:calc(18 * var(--cds-internal-scale-2));--cds-global-space-9:calc(24 * var(--cds-internal-scale-2));--cds-global-space-10:calc(32 * var(--cds-internal-scale-2));--cds-global-space-11:calc(36 * var(--cds-internal-scale-2));--cds-global-space-12:calc(48 * var(--cds-internal-scale-2));--cds-global-space-13:calc(64 * var(--cds-internal-scale-2));--cds-global-space-14:calc(72 * var(--cds-internal-scale-2));--cds-global-space-15:calc(96 * var(--cds-internal-scale-2));--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-75:hsl(198, 100%, 94%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 59%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 22%);--cds-global-color-red-1000:hsl(7, 10%, 17%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 37%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 32%, 14%);--cds-global-color-lime-50:hsl(66, 100%, 94%);--cds-global-color-lime-100:hsl(66, 95%, 83%);--cds-global-color-lime-200:hsl(66, 85%, 70%);--cds-global-color-lime-300:hsl(66, 80%, 58%);--cds-global-color-lime-400:hsl(66, 80%, 48%);--cds-global-color-lime-500:hsl(66, 90%, 41%);--cds-global-color-lime-600:hsl(66, 90%, 36%);--cds-global-color-lime-700:hsl(66, 100%, 28%);--cds-global-color-lime-800:hsl(66, 100%, 22%);--cds-global-color-lime-900:hsl(66, 100%, 12%);--cds-global-color-lime-1000:hsl(66, 100%, 7%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-25:hsl(198, 33%, 99%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 56%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-450:var(--cds-global-color-construction-1000);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc(10 * var(--cds-internal-scale-3));--cds-global-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-global-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-global-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-global-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-700);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-800);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-link-on-colorbg:var(--cds-global-color-black);--cds-global-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc(40 * var(--cds-internal-scale-3));--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:500;--cds-global-typography-heading-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:500;--cds-global-typography-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-headline-line-height:1.125em;--cds-global-typography-headline-letter-spacing:-0.0125em;--cds-global-typography-headline-font-weight:500;--cds-global-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:500;--cds-global-typography-section-font-size:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:500;--cds-global-typography-subsection-font-size:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:500;--cds-global-typography-message-font-size:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-global-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc(11 * var(--cds-internal-scale-3));--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc(10 * var(--cds-internal-scale-3));--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-typography-info-hover:var(--cds-global-color-blue-800);--cds-global-typography-success-hover:var(--cds-global-color-green-800);--cds-global-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-global-typography-danger-hover:var(--cds-global-color-red-800);--cds-global-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-global-typography-disabled:var(--cds-global-color-construction-500);--cds-global-typography-disabled-button:var(--cds-global-color-construction-500);--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-alias-object-border-radius-100:calc(4 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-200:calc(12 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc(1 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-200:calc(2 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-300:calc(3 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-400:calc(4 * (1rem / var(--cds-global-base)));--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-outline:Highlight solid 2px;--cds-alias-object-interaction-outline-webkit:5px auto -webkit-focus-ring-color;--cds-alias-object-interaction-outline-offset:1px;--cds-alias-object-interaction-touch-target:calc(36 * (1rem / var(--cds-global-base)));--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-75);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-interaction-info-hover:var(--cds-global-color-blue-800);--cds-alias-object-interaction-info-click:var(--cds-global-color-blue-900);--cds-alias-object-interaction-info-secondary-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-success-hover:var(--cds-global-color-green-800);--cds-alias-object-interaction-success-click:var(--cds-global-color-green-900);--cds-alias-object-interaction-success-secondary-hover:var(--cds-global-color-green-50);--cds-alias-object-interaction-warning-hover:var(--cds-global-color-ochre-600);--cds-alias-object-interaction-warning-click:var(--cds-global-color-ochre-700);--cds-alias-object-interaction-warning-secondary-hover:var(--cds-global-color-ochre-50);--cds-alias-object-interaction-danger-hover:var(--cds-global-color-red-800);--cds-alias-object-interaction-danger-click:var(--cds-global-color-red-900);--cds-alias-object-interaction-danger-secondary-hover:var(--cds-global-color-red-50);--cds-alias-object-interaction-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-neutral-click:var(--cds-global-color-construction-800);--cds-alias-object-interaction-neutral-secondary-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-inverse-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-inverse-click:var(--cds-global-color-construction-800);--cds-alias-object-app-background:var(--cds-global-color-construction-25);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-background-dark:var(--cds-global-color-construction-200);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-200);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-100);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-300);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900);--cds-alias-utility-gray:var(--cds-global-color-construction-500);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-50);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-700);--cds-alias-utility-blue:var(--cds-global-color-blue-700);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-800);--cds-alias-utility-light-blue:var(--cds-global-color-blue-300);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-600);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-800);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-50);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-1000);--cds-alias-utility-green:var(--cds-global-color-green-700);--cds-alias-utility-green-tint:var(--cds-global-color-green-50);--cds-alias-utility-green-shade:var(--cds-global-color-green-800);--cds-alias-utility-yellow:var(--cds-global-color-ochre-500);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-100);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-700);--cds-alias-utility-red:var(--cds-global-color-red-700);--cds-alias-utility-red-tint:var(--cds-global-color-red-50);--cds-alias-utility-red-shade:var(--cds-global-color-red-800);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-400);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-50);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-600);--cds-alias-utility-violet:var(--cds-global-color-violet-600);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-50);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-800);--cds-alias-typography-color-100:var(--cds-global-color-white);--cds-alias-typography-color-200:var(--cds-global-color-construction-600);--cds-alias-typography-color-300:var(--cds-global-color-construction-800);--cds-alias-typography-color-400:var(--cds-global-color-construction-900);--cds-alias-typography-color-450:var(--cds-global-color-construction-1000);--cds-alias-typography-color-500:var(--cds-global-color-black);--cds-alias-typography-font-weight-light:300;--cds-alias-typography-font-weight-regular:400;--cds-alias-typography-font-weight-medium:500;--cds-alias-typography-font-weight-semibold:600;--cds-alias-typography-font-weight-bold:600;--cds-alias-typography-font-weight-extrabold:600;--cds-alias-typography-font-size-0:calc(10 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--cds-alias-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-alias-typography-top-gap-height:0.1475em;--cds-alias-typography-ascender-height:0.1703em;--cds-alias-typography-x-height:0.517em;--cds-alias-typography-link-color:var(--cds-global-color-blue-700);--cds-alias-typography-link-color-hover:var(--cds-global-color-blue-800);--cds-alias-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-alias-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-black);--cds-alias-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-body-line-height:1.42857em;--cds-alias-typography-body-letter-spacing:-0.014286em;--cds-alias-typography-body-font-weight:400;--cds-alias-typography-display-font-size:calc(40 * var(--cds-internal-scale-3));--cds-alias-typography-display-line-height:1.1em;--cds-alias-typography-display-letter-spacing:-0.0125em;--cds-alias-typography-display-font-weight:500;--cds-alias-typography-heading-font-size:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-heading-line-height:1.125em;--cds-alias-typography-heading-letter-spacing:-0.0125em;--cds-alias-typography-heading-font-weight:500;--cds-alias-typography-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-headline-line-height:1.125em;--cds-alias-typography-headline-letter-spacing:-0.0125em;--cds-alias-typography-headline-font-weight:500;--cds-alias-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-title-line-height:1.16667em;--cds-alias-typography-title-letter-spacing:-0.008333em;--cds-alias-typography-title-font-weight:500;--cds-alias-typography-section-font-size:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-section-line-height:1.2em;--cds-alias-typography-section-letter-spacing:-0.01em;--cds-alias-typography-section-font-weight:500;--cds-alias-typography-subsection-font-size:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-subsection-line-height:1.25em;--cds-alias-typography-subsection-letter-spacing:-0.0125em;--cds-alias-typography-subsection-font-weight:500;--cds-alias-typography-message-font-size:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-message-line-height:1.25em;--cds-alias-typography-message-letter-spacing:-0.0125em;--cds-alias-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-alias-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-secondary-line-height:1.23077em;--cds-alias-typography-secondary-letter-spacing:-0.007692em;--cds-alias-typography-secondary-font-weight:400;--cds-alias-typography-caption-font-size:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-caption-line-height:1.454545em;--cds-alias-typography-caption-letter-spacing:0.018182em;--cds-alias-typography-caption-font-weight:400;--cds-alias-typography-smallcaption-font-size:calc(10 * var(--cds-internal-scale-3));--cds-alias-typography-smallcaption-line-height:1.2em;--cds-alias-typography-smallcaption-letter-spacing:0.05em;--cds-alias-typography-smallcaption-font-weight:500;--cds-alias-typography-info-hover:var(--cds-global-color-blue-800);--cds-alias-typography-success-hover:var(--cds-global-color-green-800);--cds-alias-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-alias-typography-danger-hover:var(--cds-global-color-red-800);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-typography-disabled:var(--cds-global-color-construction-500);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-500);--cds-internal-scale-1:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));--cds-internal-scale-2:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));--cds-internal-scale-3:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))}
|
|
@@ -312,27 +312,27 @@
|
|
|
312
312
|
<property name="globalTypographyDisplayFontSize">40</property>
|
|
313
313
|
<property name="globalTypographyDisplayLineHeight">1.1em</property>
|
|
314
314
|
<property name="globalTypographyDisplayLetterSpacing">-0.0125em</property>
|
|
315
|
-
<property name="globalTypographyDisplayFontWeight">
|
|
315
|
+
<property name="globalTypographyDisplayFontWeight">500</property>
|
|
316
316
|
<property name="globalTypographyHeadingFontSize">32</property>
|
|
317
317
|
<property name="globalTypographyHeadingLineHeight">1.125em</property>
|
|
318
318
|
<property name="globalTypographyHeadingLetterSpacing">-0.0125em</property>
|
|
319
|
-
<property name="globalTypographyHeadingFontWeight">
|
|
319
|
+
<property name="globalTypographyHeadingFontWeight">500</property>
|
|
320
320
|
<property name="globalTypographyHeadlineFontSize">32</property>
|
|
321
321
|
<property name="globalTypographyHeadlineLineHeight">1.125em</property>
|
|
322
322
|
<property name="globalTypographyHeadlineLetterSpacing">-0.0125em</property>
|
|
323
|
-
<property name="globalTypographyHeadlineFontWeight">
|
|
323
|
+
<property name="globalTypographyHeadlineFontWeight">500</property>
|
|
324
324
|
<property name="globalTypographyTitleFontSize">24</property>
|
|
325
325
|
<property name="globalTypographyTitleLineHeight">1.16667em</property>
|
|
326
326
|
<property name="globalTypographyTitleLetterSpacing">-0.008333em</property>
|
|
327
|
-
<property name="globalTypographyTitleFontWeight">
|
|
327
|
+
<property name="globalTypographyTitleFontWeight">500</property>
|
|
328
328
|
<property name="globalTypographySectionFontSize">20</property>
|
|
329
329
|
<property name="globalTypographySectionLineHeight">1.2em</property>
|
|
330
330
|
<property name="globalTypographySectionLetterSpacing">-0.01em</property>
|
|
331
|
-
<property name="globalTypographySectionFontWeight">
|
|
331
|
+
<property name="globalTypographySectionFontWeight">500</property>
|
|
332
332
|
<property name="globalTypographySubsectionFontSize">16</property>
|
|
333
333
|
<property name="globalTypographySubsectionLineHeight">1.25em</property>
|
|
334
334
|
<property name="globalTypographySubsectionLetterSpacing">-0.0125em</property>
|
|
335
|
-
<property name="globalTypographySubsectionFontWeight">
|
|
335
|
+
<property name="globalTypographySubsectionFontWeight">500</property>
|
|
336
336
|
<property name="globalTypographyMessageFontSize">16</property>
|
|
337
337
|
<property name="globalTypographyMessageLineHeight">1.25em</property>
|
|
338
338
|
<property name="globalTypographyMessageLetterSpacing">-0.0125em</property>
|
|
@@ -519,27 +519,27 @@
|
|
|
519
519
|
<property name="aliasTypographyDisplayFontSize">40</property>
|
|
520
520
|
<property name="aliasTypographyDisplayLineHeight">1.1em</property>
|
|
521
521
|
<property name="aliasTypographyDisplayLetterSpacing">-0.0125em</property>
|
|
522
|
-
<property name="aliasTypographyDisplayFontWeight">
|
|
522
|
+
<property name="aliasTypographyDisplayFontWeight">500</property>
|
|
523
523
|
<property name="aliasTypographyHeadingFontSize">32</property>
|
|
524
524
|
<property name="aliasTypographyHeadingLineHeight">1.125em</property>
|
|
525
525
|
<property name="aliasTypographyHeadingLetterSpacing">-0.0125em</property>
|
|
526
|
-
<property name="aliasTypographyHeadingFontWeight">
|
|
526
|
+
<property name="aliasTypographyHeadingFontWeight">500</property>
|
|
527
527
|
<property name="aliasTypographyHeadlineFontSize">32</property>
|
|
528
528
|
<property name="aliasTypographyHeadlineLineHeight">1.125em</property>
|
|
529
529
|
<property name="aliasTypographyHeadlineLetterSpacing">-0.0125em</property>
|
|
530
|
-
<property name="aliasTypographyHeadlineFontWeight">
|
|
530
|
+
<property name="aliasTypographyHeadlineFontWeight">500</property>
|
|
531
531
|
<property name="aliasTypographyTitleFontSize">24</property>
|
|
532
532
|
<property name="aliasTypographyTitleLineHeight">1.16667em</property>
|
|
533
533
|
<property name="aliasTypographyTitleLetterSpacing">-0.008333em</property>
|
|
534
|
-
<property name="aliasTypographyTitleFontWeight">
|
|
534
|
+
<property name="aliasTypographyTitleFontWeight">500</property>
|
|
535
535
|
<property name="aliasTypographySectionFontSize">20</property>
|
|
536
536
|
<property name="aliasTypographySectionLineHeight">1.2em</property>
|
|
537
537
|
<property name="aliasTypographySectionLetterSpacing">-0.01em</property>
|
|
538
|
-
<property name="aliasTypographySectionFontWeight">
|
|
538
|
+
<property name="aliasTypographySectionFontWeight">500</property>
|
|
539
539
|
<property name="aliasTypographySubsectionFontSize">16</property>
|
|
540
540
|
<property name="aliasTypographySubsectionLineHeight">1.25em</property>
|
|
541
541
|
<property name="aliasTypographySubsectionLetterSpacing">-0.0125em</property>
|
|
542
|
-
<property name="aliasTypographySubsectionFontWeight">
|
|
542
|
+
<property name="aliasTypographySubsectionFontWeight">500</property>
|
|
543
543
|
<property name="aliasTypographyMessageFontSize">16</property>
|
|
544
544
|
<property name="aliasTypographyMessageLineHeight">1.25em</property>
|
|
545
545
|
<property name="aliasTypographyMessageLetterSpacing">-0.0125em</property>
|
package/tokens/tokens.ios.swift
CHANGED
|
@@ -310,27 +310,27 @@ let globalTypographyBodyFontWeight = "400";
|
|
|
310
310
|
let globalTypographyDisplayFontSize = CGFloat(40.00);
|
|
311
311
|
let globalTypographyDisplayLineHeight = "1.1em";
|
|
312
312
|
let globalTypographyDisplayLetterSpacing = "-0.0125em";
|
|
313
|
-
let globalTypographyDisplayFontWeight = "
|
|
313
|
+
let globalTypographyDisplayFontWeight = "500";
|
|
314
314
|
let globalTypographyHeadingFontSize = CGFloat(32.00);
|
|
315
315
|
let globalTypographyHeadingLineHeight = "1.125em";
|
|
316
316
|
let globalTypographyHeadingLetterSpacing = "-0.0125em";
|
|
317
|
-
let globalTypographyHeadingFontWeight = "
|
|
317
|
+
let globalTypographyHeadingFontWeight = "500";
|
|
318
318
|
let globalTypographyHeadlineFontSize = CGFloat(32.00);
|
|
319
319
|
let globalTypographyHeadlineLineHeight = "1.125em";
|
|
320
320
|
let globalTypographyHeadlineLetterSpacing = "-0.0125em";
|
|
321
|
-
let globalTypographyHeadlineFontWeight = "
|
|
321
|
+
let globalTypographyHeadlineFontWeight = "500";
|
|
322
322
|
let globalTypographyTitleFontSize = CGFloat(24.00);
|
|
323
323
|
let globalTypographyTitleLineHeight = "1.16667em";
|
|
324
324
|
let globalTypographyTitleLetterSpacing = "-0.008333em";
|
|
325
|
-
let globalTypographyTitleFontWeight = "
|
|
325
|
+
let globalTypographyTitleFontWeight = "500";
|
|
326
326
|
let globalTypographySectionFontSize = CGFloat(20.00);
|
|
327
327
|
let globalTypographySectionLineHeight = "1.2em";
|
|
328
328
|
let globalTypographySectionLetterSpacing = "-0.01em";
|
|
329
|
-
let globalTypographySectionFontWeight = "
|
|
329
|
+
let globalTypographySectionFontWeight = "500";
|
|
330
330
|
let globalTypographySubsectionFontSize = CGFloat(16.00);
|
|
331
331
|
let globalTypographySubsectionLineHeight = "1.25em";
|
|
332
332
|
let globalTypographySubsectionLetterSpacing = "-0.0125em";
|
|
333
|
-
let globalTypographySubsectionFontWeight = "
|
|
333
|
+
let globalTypographySubsectionFontWeight = "500";
|
|
334
334
|
let globalTypographyMessageFontSize = CGFloat(16.00);
|
|
335
335
|
let globalTypographyMessageLineHeight = "1.25em";
|
|
336
336
|
let globalTypographyMessageLetterSpacing = "-0.0125em";
|
|
@@ -517,27 +517,27 @@ let aliasTypographyBodyFontWeight = "400";
|
|
|
517
517
|
let aliasTypographyDisplayFontSize = CGFloat(40.00);
|
|
518
518
|
let aliasTypographyDisplayLineHeight = "1.1em";
|
|
519
519
|
let aliasTypographyDisplayLetterSpacing = "-0.0125em";
|
|
520
|
-
let aliasTypographyDisplayFontWeight = "
|
|
520
|
+
let aliasTypographyDisplayFontWeight = "500";
|
|
521
521
|
let aliasTypographyHeadingFontSize = CGFloat(32.00);
|
|
522
522
|
let aliasTypographyHeadingLineHeight = "1.125em";
|
|
523
523
|
let aliasTypographyHeadingLetterSpacing = "-0.0125em";
|
|
524
|
-
let aliasTypographyHeadingFontWeight = "
|
|
524
|
+
let aliasTypographyHeadingFontWeight = "500";
|
|
525
525
|
let aliasTypographyHeadlineFontSize = CGFloat(32.00);
|
|
526
526
|
let aliasTypographyHeadlineLineHeight = "1.125em";
|
|
527
527
|
let aliasTypographyHeadlineLetterSpacing = "-0.0125em";
|
|
528
|
-
let aliasTypographyHeadlineFontWeight = "
|
|
528
|
+
let aliasTypographyHeadlineFontWeight = "500";
|
|
529
529
|
let aliasTypographyTitleFontSize = CGFloat(24.00);
|
|
530
530
|
let aliasTypographyTitleLineHeight = "1.16667em";
|
|
531
531
|
let aliasTypographyTitleLetterSpacing = "-0.008333em";
|
|
532
|
-
let aliasTypographyTitleFontWeight = "
|
|
532
|
+
let aliasTypographyTitleFontWeight = "500";
|
|
533
533
|
let aliasTypographySectionFontSize = CGFloat(20.00);
|
|
534
534
|
let aliasTypographySectionLineHeight = "1.2em";
|
|
535
535
|
let aliasTypographySectionLetterSpacing = "-0.01em";
|
|
536
|
-
let aliasTypographySectionFontWeight = "
|
|
536
|
+
let aliasTypographySectionFontWeight = "500";
|
|
537
537
|
let aliasTypographySubsectionFontSize = CGFloat(16.00);
|
|
538
538
|
let aliasTypographySubsectionLineHeight = "1.25em";
|
|
539
539
|
let aliasTypographySubsectionLetterSpacing = "-0.0125em";
|
|
540
|
-
let aliasTypographySubsectionFontWeight = "
|
|
540
|
+
let aliasTypographySubsectionFontWeight = "500";
|
|
541
541
|
let aliasTypographyMessageFontSize = CGFloat(16.00);
|
|
542
542
|
let aliasTypographyMessageLineHeight = "1.25em";
|
|
543
543
|
let aliasTypographyMessageLetterSpacing = "-0.0125em";
|