:root{--color-primary-red:#cf0000;--color-primary-red-dark:#9c0000;--color-primary-black:#000;--color-primary-black-light:#1a1a1a;--color-secondary-darkgray:#888;--color-secondary-darkgray-dark-5:#7a7a7a;--color-secondary-gray:#e5e5e5;--color-secondary-gray-dark:#d8d8d8;--color-neutral-black:#000;--color-neutral-white:#fff;--color-neutral-gray:#3c3c3c;--color-neutral-lightgray:#f2f2f2;--color-neutral-lightgray-dark:#e5e5e5;--color-neutral-darkgray:#2c2c2c;--color-neutral-darkgray-light:#464646;--color-utility-error:#cf0000;--color-utility-error-dark:#b50000;--color-utility-success:#73bc0a;--color-utility-success-dark:#67a909;--color-utility-warning:#ff7f00;--color-utility-warning-dark:#e5c200;--color-utility-warning2:#ffd800;--color-utility-warning2-dark:#e57200;--font-family-primary:"Inter-Regular","HelveticaNeue","Helvetica","Arial",sans-serif;--font-family-semibold:"Inter-SemiBold","HelveticaNeue","Helvetica","Arial",sans-serif;--font-family-headlines:"DINPro-Regular","Inter-Regular","HelveticaNeue","Helvetica","Arial",sans-serif;--font-family-headlines-bold:"DINPro-Bold","Inter-SemiBold","HelveticaNeue","Helvetica","Arial",sans-serif;--font-size-xxl:3.125rem;--font-size-bpsm-xxl:3.75rem;--font-size-bpmd-xxl:5rem;--font-size-xl:2.5rem;--font-size-bpsm-xl:var(--font-size-xxl);--font-size-bpmd-xl:var(--font-size-bpsm-xxl);--font-size-lg:1.688rem;--font-size-bpsm-lg:1.875rem;--font-size-bpmd-lg:var(--font-size-xl);--font-size-md-2:1.5rem;--font-size-md-3:1.125rem;--font-size-bpsm-md-2:var(--font-size-lg);--font-size-bpmd-md-2:var(--font-size-bpsm-lg);--font-size-md:1.25rem;--font-size-base:1rem;--font-size-sm:0.875rem;--font-size-xs:0.75rem;--line-height-xl:1.8;--line-height-large:1.6;--line-height-med-2:1.2;--line-height-med:1;--line-height-sm:1.1;--line-height-xs:1.1;--container-max-width:1720px;--container-max-width-narrow:1140px;--container-linelength-width:36rem;--spacing:30px;--spacing--xsmall:calc(var(--spacing)/2);--spacing--small:calc(var(--spacing)*2);--spacing--large:calc(var(--spacing)*4);--border-width-regular:1px;--border-width-semibold:2px;--border-color-regular:var(--color-secondary-gray);--border-color-dark:var(--color-primary-black);--border-radius-xs:4px;--border-radius-sm:8px;--border-radius-l:24px;--border-radius-xl:28px;--border-radius-full:50rem;--zindex-dropdown:1000;--zindex-sticky:1020;--zindex-fixed:1030;--zindex-modal-backdrop:1040;--zindex-offcanvas:2050;--zindex-modal:1060;--zindex-popover:1070;--zindex-tooltip:1080;--shadow-base:0 2px 6px #0000004d;--shadow-medium:0 4px 12px #0000004d;--shadow-large:0 8px 24px #0000004d;--listings-font-size-small:14px;--breadcrumb-color:#888;--breadcrumb-color-hover:#000;--breadcrumb-font-size:14px;--breadcrumb-padding-padding-x:7px;--dl-font-size:14px;--dl-dt-color:#888;--dl-gap:10px;--ani-fast:0.15s;--ani-slow:0.5s;--ani-ease:ease-out}.demo-colors,.demo-icons{display:flex;flex-wrap:wrap;list-style:none!important;margin:0!important;padding:0!important}@supports(display:grid){.demo-colors{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.demo-colors li{border:1px solid var(--color-neutral-lightgray);border-radius:8px;flex:auto;margin:0 .5em .5em 0;max-width:14em;min-width:5em;padding:.3em}.demo-icons li{align-items:center;background:#fbfbfb;border:1px solid #cccccd;border-radius:8px;display:flex;flex-direction:column;gap:10px;height:6rem;justify-content:center;margin-bottom:1rem;margin-right:1rem;padding:10px;width:6rem}.demo-icons li span{color:#000;font-size:.75rem;overflow:inherit;text-overflow:unset;white-space:inherit}.demo-swatch{border-radius:5px;display:block;height:4em;margin-bottom:.3em}.demo-icons .demo-swatch{height:20px}.demo-icons li{text-align:center}.demo-label{font-size:90%;line-height:1}.demo-grids .container{margin-bottom:1rem}.demo-grids [class^=col]{background-clip:content-box;background-color:var(--color-neutral-lightgray);min-height:5rem;outline:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}.demo-shape{align-items:center;border:var(--border-width-regular);border-color:var(--color-neutral-lightgray-dark-5);border-radius:var(--border-radius-sm);border-style:solid;display:flex;height:150px;justify-content:center;margin:2rem;width:50%}.demo-shape.demo-shape--shadow-base{box-shadow:var(--shadow-base)}.demo-shape.demo-shape--shadow-medium{box-shadow:var(--shadow-medium)}.demo-shape.demo-shape--shadow-large{box-shadow:var(--shadow-large)}