:root{--scrollbar-thumb-min-size: 80;--scrollbar-border-radius: 7px;--space-xxxsmall: var(--p-spacing-rem-04);--space-xxsmall: var(--p-spacing-rem-08);--space-xsmall: var(--p-spacing-rem-12);--space-small: var(--p-spacing-rem-20);--space-medium: var(--p-spacing-rem-24);--space-large: var(--p-spacing-rem-32);--space-xlarge: var(--p-spacing-rem-40);--space-xxxlarge: var(--p-spacing-rem-64);--mobile-padding: var(--p-spacing-rem-20)}@media(min-width:750px){:root{--space-xxsmall: var(--p-spacing-rem-12);--space-xsmall: var(--p-spacing-rem-16);--space-small: var(--p-spacing-rem-24);--space-medium: var(--p-spacing-rem-32);--space-large: var(--p-spacing-rem-40);--space-xlarge: var(--p-spacing-rem-48);--space-xxxlarge: var(--p-spacing-rem-96);--mobile-padding: 0px}}body{background-color:var(--p-color-grey-100)!important;--stb-btn-color-hover: var(--p-color-button-brand-fill-hover)}.row{display:flex;flex-direction:row}@media(max-width:750px){.row.collapsable{flex-direction:column}}.row.wrap{flex-wrap:wrap}.column{display:flex;flex-direction:column}.block{display:block}.align-right{margin-left:auto}.navigation-item{display:flex;cursor:pointer;border-radius:8px;width:100%;box-sizing:border-box;border:1px solid var(--p-color-background)}.navigation-item.expanded{width:100%}.navigation-item:hover{background-color:var(--p-color-grey-200);border-color:var(--p-color-red-800)!important}.navigation-item:focus{outline:2px solid var(--p-color-blue-500);outline-offset:-2px}.navigation-item.active{border:1px solid var(--p-color-red-700)}.navigation-item.navigate{border:1px solid var(--p-color-grey-300)}.navigation-item.done{border:1px solid var(--p-color-grey-200)}.navigation-item .description{align-items:center;justify-content:center;display:flex;padding-right:16px}stb-surface.rounded-border{padding:20px!important;border-radius:var(--p-corner-radius-medium)!important}@media(min-width:750px){stb-surface.rounded-border{padding:24px!important}}.navigation-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(100% - var(--mobile-padding) * 2)}.navigation-buttons button{width:fit-content}.chip{padding:5px 12px;border-radius:16px}.chip.orange{background-color:var(--p-color-orange-200)}.chip.orange span{color:var(--p-color-red-800)}.chip.purple{background-color:var(--p-color-purple-200)}.chip.purple span{color:var(--p-color-purple-900)}.chip.blue{background-color:var(--p-color-blue-200)}.chip.blue span{color:var(--p-color-blue-900)}.center-page-spinner{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.navigation-icon{box-sizing:border-box;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1.25rem!important;font-size:1.25rem!important}ul{padding-inline-start:var(--p-spacing-rem-24)}.icon-size{width:32px;height:32px}@media(min-width:750px){.icon-size{width:40px;height:40px}}.gap-large{gap:var(--space-large)}.gap-medium{gap:var(--space-medium)}.gap-small{gap:var(--space-small)}.gap-xsmall{gap:var(--space-xsmall)}.gap-xxsmall{gap:var(--space-xxsmall)}.space-top-xxxlarge{margin-top:var(--space-xxxlarge)}.space-top-xlarge{margin-top:var(--space-xlarge)}.space-top-large{margin-top:var(--space-large)}.space-top-medium,h3+p+dss-web-ui-selectable-box,h3+p+stb-form,h3+p+stb-radio-buttons,h3+p+stb-checkbox,h3+dss-web-ui-selectable-box,h3+stb-form,h3+stb-radio-buttons,h3+stb-checkbox{margin-top:var(--space-medium)}.space-top-small{margin-top:var(--space-small)}.space-top-xsmall{margin-top:var(--space-xsmall)}.space-top-xxsmall{margin-top:var(--space-xxsmall)}.space-top-xxxsmall,h3+p{margin-top:var(--space-xxxsmall)}.icon-small{font-size:1.25rem!important;line-height:1.25rem!important}.icon-medium{font-size:1.375rem!important;line-height:1.375rem!important}.icon-large{font-size:1.625rem!important;line-height:1.625rem!important}.mobile-padding,.bullet-point-header,.navigation-buttons{padding-inline:var(--mobile-padding)}.hero-image{display:flex;justify-content:center}.hero-image img{width:200px}.text-secondary,h3+p{color:var(--p-color-text-secondary)!important}button[stb-btn=true][variant=icon].border{outline:1px solid var(--p-color-red-900);outline-offset:8px}button[stb-btn=true][variant=icon].border:hover{outline:1px solid var(--stb-btn-color-hover)}hr{all:unset;display:block;border-top:1px solid var(--p-color-stroke-subtle-on-white)}hr.on-grey{border-top:1px solid var(--p-color-grey-cold-300)}stb-radio-buttons fieldset.rebrand{padding:0}stb-radio-buttons fieldset.rebrand .radios-container .input-container>div.radio-item.radio-item:hover,stb-radio-buttons fieldset.rebrand .radios-container .input-container>div.radio-item.radio-item:has(:checked){background-color:var(--p-color-grey-100)}stb-checkbox .checkbox-outer:has(.border):hover,stb-checkbox .checkbox-outer:has(.border):has(:checked){background-color:var(--p-color-grey-100)}stb-hint+.input{margin-top:8px}.bullet-point-header ul{margin-top:var(--p-spacing-rem-16)}h3+dss-web-ui-selectable-box,h3+stb-form,h3+stb-radio-buttons,h3+stb-checkbox{display:block}h3+p+dss-web-ui-selectable-box,h3+p+stb-form,h3+p+stb-radio-buttons,h3+p+stb-checkbox{display:block}dss-web-ui-selectable-box{display:block}stb-popover{display:inline-flex;align-items:center;vertical-align:middle}@media(min-width:750px){.navigation-item{border-color:var(--p-color-grey-100)}.navigation-icon{width:48px;height:48px;line-height:1.5rem!important;font-size:1.5rem!important}.icon-small{font-size:1.375rem!important;line-height:1.375rem!important}.icon-medium{font-size:1.625rem!important;line-height:1.625rem!important}.icon-large{font-size:1.75rem!important;line-height:1.75rem!important}.hero-image img{width:300px}}.hidden{visibility:hidden}:root,:host{--p-border-xsmall: 1px;--p-border-small: 2px;--p-border-medium: 3px;--p-border-large: 4px;--p-border-rem-xsmall: .0625rem;--p-border-rem-small: .125rem;--p-border-rem-medium: .1875rem;--p-border-rem-large: .25rem}:root,:host{--p-button-icon-desktop-xl: 2rem;--p-button-icon-desktop-lg: 1.5rem;--p-button-icon-desktop-md: 1.25rem;--p-button-icon-desktop-sm: 1.125rem;--p-button-icon-desktop-xsm: 1rem;--p-button-icon-mobile-xl: 1.125rem;--p-button-icon-mobile-lg: 1.125rem;--p-button-icon-mobile-md: 1.125rem;--p-button-icon-mobile-sm: 1.125rem;--p-button-icon-mobile-xsm: 1rem}:root,:host{--p-color-red-100: #fff0f0;--p-color-red-200: #ffdfdf;--p-color-red-300: #ffb8b8;--p-color-red-400: #fc9797;--p-color-red-500: #ff6c6c;--p-color-red-550: #ff5d5d;--p-color-red-600: #b20000;--p-color-red-700: #940000;--p-color-red-800: #770000;--p-color-red-pale-800: #492727;--p-color-red-900: #560000;--p-color-red-1000: #310502;--p-color-purple-100: #f7f0ff;--p-color-purple-200: #f0deff;--p-color-purple-300: #e5ccff;--p-color-purple-400: #dbb8ff;--p-color-purple-500: #ce99ff;--p-color-purple-550: #ba6fff;--p-color-purple-600: #730099;--p-color-purple-700: #610080;--p-color-purple-800: #521264;--p-color-purple-pale-800: #472749;--p-color-purple-900: #410e44;--p-color-purple-1000: #29082b;--p-color-orange-100: #fff0eb;--p-color-orange-200: #ffe7e0;--p-color-orange-300: #ffc4b2;--p-color-orange-400: #ffa58f;--p-color-orange-500: #ff8468;--p-color-orange-600: #943100;--p-color-orange-pale-800: #493227;--p-color-grey-000: #ffffff;--p-color-grey-100: #f7f3f3;--p-color-grey-200: #e9e2e2;--p-color-grey-300: #d1c7c7;--p-color-grey-400: #b6a5a5;--p-color-grey-500: #9a8989;--p-color-grey-600: #7f6c6c;--p-color-grey-700: #5e5050;--p-color-grey-800: #3d3434;--p-color-grey-900: #2b2525;--p-color-grey-1000: #191515;--p-color-grey-cold-000: #ffffff;--p-color-grey-cold-100: #f2f1f4;--p-color-grey-cold-200: #e3e0e6;--p-color-grey-cold-300: #d1c7c7;--p-color-grey-cold-400: #afa5b6;--p-color-grey-cold-500: #93869c;--p-color-grey-cold-600: #776a81;--p-color-grey-cold-700: #584e5f;--p-color-grey-cold-800: #39323e;--p-color-grey-cold-900: #27222a;--p-color-grey-cold-1000: #171519;--p-color-logo-red: #da291c;--p-color-yellow-100: #fff7e6;--p-color-yellow-200: #fff0d1;--p-color-yellow-300: #ffe9bd;--p-color-yellow-400: #ffdb94;--p-color-yellow-500: #ffcf70;--p-color-yellow-600: #8f5f00;--p-color-yellow-700: #754e00;--p-color-yellow-800: #5c3d00;--p-color-yellow-pale-800: #433723;--p-color-yellow-900: #473000;--p-color-yellow-1000: #332200;--p-color-green-100: #e6f9ec;--p-color-green-200: #d0f5dc;--p-color-green-300: #adebc1;--p-color-green-400: #88dda3;--p-color-green-500: #48cb71;--p-color-green-550: #30a956;--p-color-green-600: #1f6f3d;--p-color-green-700: #1a5b32;--p-color-green-800: #134425;--p-color-green-pale-800: #1e3828;--p-color-green-900: #10381e;--p-color-green-1000: #0b2816;--p-color-blue-100: #e1f2fe;--p-color-blue-200: #c9e7fd;--p-color-blue-300: #9dd2fb;--p-color-blue-400: #6cb5f9;--p-color-blue-500: #388fe5;--p-color-blue-600: #1f47ad;--p-color-blue-700: #17368c;--p-color-blue-800: #0b2365;--p-color-blue-pale-800: #273049;--p-color-blue-900: #001247;--p-color-blue-1000: #000a29;--p-color-focus-1: #0000ff;--p-color-scrim-1: #19151560}:root,:host{--p-corner-radius-none: 0px;--p-corner-radius-small: 8px;--p-corner-radius-medium: 12px;--p-corner-radius-large: 16px;--p-corner-radius-extreme: 999px;--p-corner-radius-rem-none: 0rem;--p-corner-radius-rem-small: .5rem;--p-corner-radius-rem-medium: .75rem;--p-corner-radius-rem-large: 1rem;--p-corner-radius-rem-extreme: 62.4375rem}:root,:host{--p-font-styles-size-12: 12px;--p-font-styles-size-14: 14px;--p-font-styles-size-16: 16px;--p-font-styles-size-18: 18px;--p-font-styles-size-20: 20px;--p-font-styles-size-24: 24px;--p-font-styles-size-28: 28px;--p-font-styles-size-32: 32px;--p-font-styles-size-36: 36px;--p-font-styles-size-40: 40px;--p-font-styles-size-64: 64px;--p-font-styles-line-height-desktop-14: 18px;--p-font-styles-line-height-desktop-16: 22px;--p-font-styles-line-height-desktop-18: 26px;--p-font-styles-line-height-desktop-20: 28px;--p-font-styles-line-height-desktop-24: 32px;--p-font-styles-line-height-desktop-32: 40px;--p-font-styles-line-height-desktop-40: 52px;--p-font-styles-line-height-desktop-64: 72px;--p-font-styles-line-height-mobile-12: 16px;--p-font-styles-line-height-mobile-14: 20px;--p-font-styles-line-height-mobile-16: 22px;--p-font-styles-line-height-mobile-18: 26px;--p-font-styles-line-height-mobile-20: 28px;--p-font-styles-line-height-mobile-24: 32px;--p-font-styles-line-height-mobile-28: 36px;--p-font-styles-line-height-mobile-36: 44px}:root,:host{--p-grid-column-04: 4px;--p-grid-column-08: 8px;--p-grid-column-12: 12px;--p-grid-margin-16: 16px;--p-grid-margin-24: 24px;--p-grid-gutter-16: 16px;--p-grid-gutter-24: 24px}:root,:host{--p-spacing-04: 4px;--p-spacing-08: 8px;--p-spacing-12: 12px;--p-spacing-16: 16px;--p-spacing-20: 20px;--p-spacing-24: 24px;--p-spacing-28: 28px;--p-spacing-32: 32px;--p-spacing-40: 40px;--p-spacing-48: 48px;--p-spacing-56: 56px;--p-spacing-64: 64px;--p-spacing-96: 96px;--p-spacing-rem-04: .25rem;--p-spacing-rem-08: .5rem;--p-spacing-rem-12: .75rem;--p-spacing-rem-16: 1rem;--p-spacing-rem-20: 1.25rem;--p-spacing-rem-24: 1.5rem;--p-spacing-rem-28: 1.75rem;--p-spacing-rem-32: 2rem;--p-spacing-rem-40: 2.5rem;--p-spacing-rem-48: 3rem;--p-spacing-rem-56: 3.5rem;--p-spacing-rem-64: 4rem;--p-spacing-rem-96: 6rem}:root,:host{--p-section-away: var(--p-spacing-rem-64);--p-section-near: var(--p-spacing-rem-40);--p-subsection-away: var(--p-spacing-rem-24);--p-subsection-near: var(--p-spacing-rem-12);--p-heading-near: var(--p-spacing-rem-08);--p-body-away: var(--p-spacing-rem-12);--p-body-near: var(--p-spacing-rem-04)}@media(min-width:600px){:root,:host{--p-section-away: var(--p-spacing-rem-96);--p-section-near: var(--p-spacing-rem-48);--p-subsection-away: var(--p-spacing-rem-32);--p-subsection-near: var(--p-spacing-rem-16);--p-heading-near: var(--p-spacing-rem-12);--p-body-away: var(--p-spacing-rem-16);--p-body-near: var(--p-spacing-rem-04)}}.section-away{margin:var(--p-section-away) 0}.section-away-top{margin-top:var(--p-section-away)}.section-away-bottom{margin-bottom:var(--p-section-away)}.section-near{margin:var(--p-section-near) 0}.section-near-top{margin-top:var(--p-section-near)}.section-near-bottom{margin-bottom:var(--p-section-near)}.subsection-away{margin:var(--p-subsection-away) 0}.subsection-away-top{margin-top:var(--p-subsection-away)}.subsection-away-bottom{margin-bottom:var(--p-subsection-away)}.subsection-near{margin:var(--p-subsection-near) 0}.subsection-near-top{margin-top:var(--p-subsection-near)}.subsection-near-bottom{margin-bottom:var(--p-subsection-near)}.heading-near{margin:var(--p-heading-near) 0}.heading-near-top{margin-top:var(--p-heading-near)}.heading-near-bottom{margin-bottom:var(--p-heading-near)}.body-away{margin:var(--p-body-away) 0}.body-away-top{margin-top:var(--p-body-away)}.body-away-bottom{margin-bottom:var(--p-body-away)}.body-near{margin:var(--p-body-near) 0}.body-near-top{margin-top:var(--p-body-near)}.body-near-bottom{margin-bottom:var(--p-body-near)}:root,:host{--p-transition-duration: .1s}:root,:host,[data-theme=pretzel-light]{--p-color-background: var(--p-color-grey-000);--p-color-background-white: var(--p-color-grey-000);--p-color-background-grey: var(--p-color-grey-100);--p-color-background-hover: var(--p-color-grey-100);--p-color-background-hover-white: var(--p-color-grey-100);--p-color-background-hover-grey: var(--p-color-grey-200);--p-color-background-pressed: var(--p-color-grey-200);--p-color-background-pressed-white: var(--p-color-grey-200);--p-color-background-pressed-grey: var(--p-color-grey-300);--p-color-background-active: var(--p-color-red-600);--p-color-background-active-white: var(--p-color-red-600);--p-color-background-active-grey: var(--p-color-red-600);--p-color-background-disabled: var(--p-color-grey-200);--p-color-background-disabled-white: var(--p-color-grey-200);--p-color-background-disabled-grey: var(--p-color-grey-300);--p-color-background-selected: var(--p-color-red-700);--p-color-background-selected-white: var(--p-color-red-700);--p-color-background-selected-grey: var(--p-color-red-700);--p-color-background-selected-hover: var(--p-color-red-800);--p-color-background-selected-hover-white: var(--p-color-red-800);--p-color-background-selected-hover-grey: var(--p-color-red-800);--p-color-background-selected-pressed: var(--p-color-red-900);--p-color-background-selected-pressed-white: var(--p-color-red-900);--p-color-background-selected-pressed-grey: var(--p-color-red-900);--p-color-text-primary: var(--p-color-red-900);--p-color-text-primary-white: var(--p-color-red-900);--p-color-text-primary-grey: var(--p-color-red-900);--p-color-text-primary-hover: var(--p-color-red-800);--p-color-text-primary-hover-white: var(--p-color-red-800);--p-color-text-primary-hover-grey: var(--p-color-red-800);--p-color-text-primary-pressed: var(--p-color-red-700);--p-color-text-primary-pressed-white: var(--p-color-red-700);--p-color-text-primary-pressed-grey: var(--p-color-red-700);--p-color-text-primary-active: var(--p-color-red-700);--p-color-text-primary-active-white: var(--p-color-red-700);--p-color-text-primary-active-grey: var(--p-color-red-700);--p-color-text-interactive: var(--p-color-red-600);--p-color-text-interactive-white: var(--p-color-red-600);--p-color-text-interactive-grey: var(--p-color-red-600);--p-color-text-interactive-hover: var(--p-color-red-700);--p-color-text-interactive-hover-white: var(--p-color-red-700);--p-color-text-interactive-hover-grey: var(--p-color-red-700);--p-color-text-interactive-pressed: var(--p-color-red-800);--p-color-text-interactive-pressed-white: var(--p-color-red-800);--p-color-text-interactive-pressed-grey: var(--p-color-red-800);--p-color-text-interactive-active: var(--p-color-red-800);--p-color-text-interactive-active-white: var(--p-color-red-800);--p-color-text-interactive-active-grey: var(--p-color-red-800);--p-color-text-selected: var(--p-color-red-700);--p-color-text-selected-white: var(--p-color-red-700);--p-color-text-selected-grey: var(--p-color-red-700);--p-color-text-selected-hover: var(--p-color-red-800);--p-color-text-selected-hover-white: var(--p-color-red-800);--p-color-text-selected-hover-grey: var(--p-color-red-800);--p-color-text-selected-pressed: var(--p-color-red-900);--p-color-text-selected-pressed-white: var(--p-color-red-900);--p-color-text-selected-pressed-grey: var(--p-color-red-900);--p-color-text-secondary: var(--p-color-grey-700);--p-color-text-secondary-white: var(--p-color-grey-700);--p-color-text-secondary-grey: var(--p-color-grey-700);--p-color-text-placeholder: var(--p-color-grey-600);--p-color-text-placeholder-white: var(--p-color-grey-600);--p-color-text-placeholder-grey: var(--p-color-grey-600);--p-color-text-on-color: var(--p-color-red-100);--p-color-text-on-color-white: var(--p-color-red-100);--p-color-text-on-color-grey: var(--p-color-red-100);--p-color-text-disabled: var(--p-color-grey-400);--p-color-text-disabled-white: var(--p-color-grey-400);--p-color-text-disabled-grey: var(--p-color-grey-500);--p-color-text-info: var(--p-color-blue-600);--p-color-text-info-white: var(--p-color-blue-600);--p-color-text-info-grey: var(--p-color-blue-600);--p-color-text-success: var(--p-color-green-600);--p-color-text-success-white: var(--p-color-green-600);--p-color-text-success-grey: var(--p-color-green-600);--p-color-text-warning: var(--p-color-yellow-600);--p-color-text-warning-white: var(--p-color-yellow-600);--p-color-text-warning-grey: var(--p-color-yellow-600);--p-color-text-error: var(--p-color-red-600);--p-color-text-error-white: var(--p-color-red-600);--p-color-text-error-grey: var(--p-color-red-600);--p-color-text-alert: var(--p-color-grey-900);--p-color-text-alert-white: var(--p-color-grey-900);--p-color-text-alert-grey: var(--p-color-grey-900);--p-color-text-on-brand: var(--p-color-red-100);--p-color-text-on-brand-white: var(--p-color-red-100);--p-color-text-on-brand-grey: var(--p-color-red-100);--p-color-text-on-error: var(--p-color-red-800);--p-color-text-on-info: var(--p-color-blue-900);--p-color-text-on-warning: var(--p-color-yellow-900);--p-color-text-on-success: var(--p-color-green-900);--p-color-icon-primary: var(--p-color-red-900);--p-color-icon-primary-white: var(--p-color-red-900);--p-color-icon-primary-grey: var(--p-color-red-900);--p-color-icon-primary-hover: var(--p-color-red-800);--p-color-icon-primary-hover-white: var(--p-color-red-800);--p-color-icon-primary-hover-grey: var(--p-color-red-800);--p-color-icon-primary-active: var(--p-color-red-700);--p-color-icon-primary-active-white: var(--p-color-red-700);--p-color-icon-primary-active-grey: var(--p-color-red-700);--p-color-icon-primary-pressed: var(--p-color-red-700);--p-color-icon-primary-pressed-white: var(--p-color-red-700);--p-color-icon-primary-pressed-grey: var(--p-color-red-700);--p-color-icon-interactive: var(--p-color-red-600);--p-color-icon-interactive-white: var(--p-color-red-600);--p-color-icon-interactive-grey: var(--p-color-red-600);--p-color-icon-interactive-hover: var(--p-color-red-700);--p-color-icon-interactive-hover-white: var(--p-color-red-700);--p-color-icon-interactive-hover-grey: var(--p-color-red-700);--p-color-icon-interactive-pressed: var(--p-color-red-800);--p-color-icon-interactive-pressed-white: var(--p-color-red-800);--p-color-icon-interactive-pressed-grey: var(--p-color-red-800);--p-color-icon-interactive-active: var(--p-color-red-800);--p-color-icon-interactive-active-white: var(--p-color-red-800);--p-color-icon-interactive-active-grey: var(--p-color-red-800);--p-color-icon-on-color: var(--p-color-red-100);--p-color-icon-on-color-white: var(--p-color-red-100);--p-color-icon-on-color-grey: var(--p-color-red-100);--p-color-icon-disabled: var(--p-color-grey-400);--p-color-icon-disabled-white: var(--p-color-grey-400);--p-color-icon-disabled-grey: var(--p-color-grey-500);--p-color-icon-error: var(--p-color-red-600);--p-color-icon-error-white: var(--p-color-red-600);--p-color-icon-error-grey: var(--p-color-red-600);--p-color-icon-success: var(--p-color-green-600);--p-color-icon-success-white: var(--p-color-green-600);--p-color-icon-success-grey: var(--p-color-green-600);--p-color-icon-warning: var(--p-color-yellow-600);--p-color-icon-warning-white: var(--p-color-yellow-600);--p-color-icon-warning-grey: var(--p-color-yellow-600);--p-color-icon-info: var(--p-color-blue-600);--p-color-icon-info-white: var(--p-color-blue-600);--p-color-icon-info-grey: var(--p-color-blue-600);--p-color-icon-neutral: var(--p-color-grey-900);--p-color-icon-neutral-white: var(--p-color-grey-900);--p-color-icon-neutral-grey: var(--p-color-grey-900);--p-color-icon-on-brand: var(--p-color-red-100);--p-color-icon-on-brand-white: var(--p-color-red-100);--p-color-icon-on-brand-grey: var(--p-color-red-100);--p-color-icon-on-error: var(--p-color-red-800);--p-color-icon-on-info: var(--p-color-blue-900);--p-color-icon-on-warning: var(--p-color-yellow-900);--p-color-icon-on-success: var(--p-color-green-900);--p-color-button-brand-fill: var(--p-color-red-600);--p-color-button-brand-fill-white: var(--p-color-red-600);--p-color-button-brand-fill-grey: var(--p-color-red-600);--p-color-button-brand-fill-hover: var(--p-color-red-700);--p-color-button-brand-fill-hover-white: var(--p-color-red-700);--p-color-button-brand-fill-hover-grey: var(--p-color-red-700);--p-color-button-brand-fill-pressed: var(--p-color-red-800);--p-color-button-brand-fill-pressed-white: var(--p-color-red-800);--p-color-button-brand-fill-pressed-grey: var(--p-color-red-800);--p-color-button-brand-fill-active: var(--p-color-red-800);--p-color-button-brand-fill-active-white: var(--p-color-red-800);--p-color-button-brand-fill-active-grey: var(--p-color-red-800);--p-color-button-action-fill: var(--p-color-red-900);--p-color-button-action-fill-white: var(--p-color-red-900);--p-color-button-action-fill-grey: var(--p-color-red-900);--p-color-button-action-fill-hover: var(--p-color-red-800);--p-color-button-action-fill-hover-white: var(--p-color-red-800);--p-color-button-action-fill-hover-grey: var(--p-color-red-800);--p-color-button-action-fill-pressed: var(--p-color-red-700);--p-color-button-action-fill-pressed-white: var(--p-color-red-700);--p-color-button-action-fill-pressed-grey: var(--p-color-red-700);--p-color-button-action-fill-active: var(--p-color-red-700);--p-color-button-action-fill-active-white: var(--p-color-red-700);--p-color-button-action-fill-active-grey: var(--p-color-red-700);--p-color-button-disabled: var(--p-color-grey-200);--p-color-button-disabled-white: var(--p-color-grey-200);--p-color-button-disabled-grey: var(--p-color-grey-300);--p-color-graphics-illustration-primary: var(--p-color-red-600);--p-color-graphics-illustration-primary-white: var(--p-color-red-600);--p-color-graphics-illustration-primary-grey: var(--p-color-red-600);--p-color-graphics-illustration-detail: var(--p-color-logo-red);--p-color-graphics-illustration-detail-white: var(--p-color-logo-red);--p-color-graphics-illustration-detail-grey: var(--p-color-logo-red);--p-color-graphics-illustration-base: var(--p-color-purple-900);--p-color-graphics-illustration-base-white: var(--p-color-purple-900);--p-color-graphics-illustration-base-grey: var(--p-color-purple-900);--p-color-graphics-illustration-white: var(--p-color-grey-000);--p-color-graphics-illustration-white-white: var(--p-color-grey-000);--p-color-graphics-illustration-white-grey: var(--p-color-grey-000);--p-color-graphics-storebrand-icon-detail: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-white: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-grey: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-outline: var(--p-color-red-800);--p-color-graphics-storebrand-icon-outline-white: var(--p-color-red-800);--p-color-graphics-storebrand-icon-outline-grey: var(--p-color-red-800);--p-color-static-brand-foreground: var(--p-color-red-600);--p-color-static-brand-foreground-white: var(--p-color-red-600);--p-color-static-brand-foreground-grey: var(--p-color-red-600);--p-color-static-brand-background: var(--p-color-red-200);--p-color-static-brand-background-white: var(--p-color-red-200);--p-color-static-brand-background-grey: var(--p-color-red-200);--p-color-static-orange-foreground: var(--p-color-orange-600);--p-color-static-orange-foreground-white: var(--p-color-orange-600);--p-color-static-orange-foreground-grey: var(--p-color-orange-600);--p-color-static-orange-background: var(--p-color-orange-200);--p-color-static-orange-background-white: var(--p-color-orange-200);--p-color-static-orange-background-grey: var(--p-color-orange-300);--p-color-static-purple-foreground: var(--p-color-purple-600);--p-color-static-purple-foreground-white: var(--p-color-purple-600);--p-color-static-purple-foreground-grey: var(--p-color-purple-600);--p-color-static-purple-background: var(--p-color-purple-200);--p-color-static-purple-background-white: var(--p-color-purple-200);--p-color-static-purple-background-grey: var(--p-color-purple-300);--p-color-static-red-foreground: var(--p-color-red-600);--p-color-static-red-foreground-white: var(--p-color-red-600);--p-color-static-red-foreground-grey: var(--p-color-red-600);--p-color-static-red-background: var(--p-color-red-200);--p-color-static-red-background-white: var(--p-color-red-200);--p-color-static-red-background-grey: var(--p-color-red-200);--p-color-static-grey-foreground: var(--p-color-grey-600);--p-color-static-grey-foreground-white: var(--p-color-grey-600);--p-color-static-grey-foreground-grey: var(--p-color-grey-600);--p-color-static-grey-background: var(--p-color-grey-200);--p-color-static-grey-background-white: var(--p-color-grey-200);--p-color-static-grey-background-grey: var(--p-color-grey-300);--p-color-static-risk-filled: var(--p-color-orange-600);--p-color-static-risk-filled-white: var(--p-color-orange-600);--p-color-static-risk-filled-grey: var(--p-color-orange-600);--p-color-static-risk-unfilled: var(--p-color-orange-200);--p-color-static-risk-unfilled-white: var(--p-color-orange-200);--p-color-static-risk-unfilled-grey: var(--p-color-orange-300);--p-color-static-sustainability-filled: var(--p-color-purple-600);--p-color-static-sustainability-filled-white: var(--p-color-purple-600);--p-color-static-sustainability-filled-grey: var(--p-color-purple-600);--p-color-static-sustainability-unfilled: var(--p-color-purple-200);--p-color-static-sustainability-unfilled-white: var(--p-color-purple-200);--p-color-static-sustainability-unfilled-grey: var(--p-color-purple-300);--p-color-states-focus: var(--p-color-focus-1);--p-color-states-focus-white: var(--p-color-focus-1);--p-color-states-focus-grey: var(--p-color-focus-1);--p-color-states-scrim: var(--p-color-scrim-1);--p-color-states-scrim-white: var(--p-color-scrim-1);--p-color-states-scrim-grey: var(--p-color-scrim-1);--p-color-states-toggle-off: var(--p-color-grey-400);--p-color-states-toggle-off-white: var(--p-color-grey-400);--p-color-states-toggle-off-grey: var(--p-color-grey-500);--p-color-states-toggle-off-hover: var(--p-color-grey-300);--p-color-states-toggle-off-hover-white: var(--p-color-grey-300);--p-color-states-toggle-off-hover-grey: var(--p-color-grey-400);--p-color-surface-1: var(--p-color-grey-100);--p-color-surface-1-white: var(--p-color-grey-100);--p-color-surface-1-grey: var(--p-color-grey-000);--p-color-surface-2: var(--p-color-grey-000);--p-color-surface-2-white: var(--p-color-grey-000);--p-color-surface-2-grey: var(--p-color-grey-100);--p-color-surface-1-hover: var(--p-color-grey-200);--p-color-surface-1-hover-white: var(--p-color-grey-200);--p-color-surface-1-hover-grey: var(--p-color-grey-200);--p-color-surface-2-hover: var(--p-color-grey-200);--p-color-surface-2-hover-white: var(--p-color-grey-200);--p-color-surface-2-hover-grey: var(--p-color-grey-200);--p-color-surface-inverse: var(--p-color-red-900);--p-color-surface-inverse-white: var(--p-color-red-900);--p-color-surface-inverse-grey: var(--p-color-red-900);--p-color-surface-inverse-hover: var(--p-color-red-800);--p-color-surface-inverse-hover-white: var(--p-color-red-800);--p-color-surface-inverse-hover-grey: var(--p-color-red-800);--p-color-surface-inverse-pressed: var(--p-color-red-700);--p-color-surface-inverse-pressed-white: var(--p-color-red-700);--p-color-surface-inverse-pressed-grey: var(--p-color-red-700);--p-color-surface-selected: var(--p-color-red-700);--p-color-surface-selected-white: var(--p-color-red-700);--p-color-surface-selected-grey: var(--p-color-red-700);--p-color-surface-selected-hover: var(--p-color-red-800);--p-color-surface-selected-hover-white: var(--p-color-red-800);--p-color-surface-selected-hover-grey: var(--p-color-red-800);--p-color-surface-selected-pressed: var(--p-color-red-800);--p-color-surface-selected-pressed-white: var(--p-color-red-800);--p-color-surface-selected-pressed-grey: var(--p-color-red-800);--p-color-surface-selected-active: var(--p-color-red-900);--p-color-surface-selected-active-white: var(--p-color-red-900);--p-color-surface-selected-active-grey: var(--p-color-red-900);--p-color-surface-error: var(--p-color-red-200);--p-color-surface-error-white: var(--p-color-red-200);--p-color-surface-error-grey: var(--p-color-red-200);--p-color-surface-success: var(--p-color-green-200);--p-color-surface-success-white: var(--p-color-green-200);--p-color-surface-success-grey: var(--p-color-green-200);--p-color-surface-warning: var(--p-color-yellow-200);--p-color-surface-warning-white: var(--p-color-yellow-200);--p-color-surface-warning-grey: var(--p-color-yellow-200);--p-color-surface-info: var(--p-color-blue-200);--p-color-surface-info-white: var(--p-color-blue-200);--p-color-surface-info-grey: var(--p-color-blue-200);--p-color-surface-neutral: var(--p-color-grey-100);--p-color-surface-neutral-white: var(--p-color-grey-000);--p-color-surface-neutral-grey: var(--p-color-grey-100);--p-color-surface-static: var(--p-color-grey-000);--p-color-surface-static-white: var(--p-color-grey-000);--p-color-surface-static-grey: var(--p-color-grey-000);--p-color-stroke-strong: var(--p-color-red-900);--p-color-stroke-strong-white: var(--p-color-red-900);--p-color-stroke-strong-grey: var(--p-color-red-900);--p-color-stroke-strong-hover: var(--p-color-red-800);--p-color-stroke-strong-hover-white: var(--p-color-red-800);--p-color-stroke-strong-hover-grey: var(--p-color-red-800);--p-color-stroke-strong-pressed: var(--p-color-red-700);--p-color-stroke-strong-pressed-white: var(--p-color-red-700);--p-color-stroke-strong-pressed-grey: var(--p-color-red-700);--p-color-stroke-0: var(--p-color-grey-300);--p-color-stroke-0-white: var(--p-color-grey-300);--p-color-stroke-0-grey: var(--p-color-grey-400);--p-color-stroke-1: var(--p-color-grey-400);--p-color-stroke-1-white: var(--p-color-grey-400);--p-color-stroke-1-grey: var(--p-color-grey-300);--p-color-stroke-2: var(--p-color-grey-300);--p-color-stroke-2-white: var(--p-color-grey-300);--p-color-stroke-2-grey: var(--p-color-grey-400);--p-color-stroke-on-white: var(--p-color-grey-300);--p-color-stroke-on-white-white: var(--p-color-grey-300);--p-color-stroke-on-white-grey: var(--p-color-grey-300);--p-color-stroke-subtle-0: var(--p-color-grey-200);--p-color-stroke-subtle-0-white: var(--p-color-grey-200);--p-color-stroke-subtle-0-grey: var(--p-color-grey-300);--p-color-stroke-subtle-1: var(--p-color-grey-300);--p-color-stroke-subtle-1-white: var(--p-color-grey-300);--p-color-stroke-subtle-1-grey: var(--p-color-grey-200);--p-color-stroke-subtle-2: var(--p-color-grey-200);--p-color-stroke-subtle-2-white: var(--p-color-grey-200);--p-color-stroke-subtle-2-grey: var(--p-color-grey-300);--p-color-stroke-subtle-on-white: var(--p-color-grey-200);--p-color-stroke-subtle-on-white-white: var(--p-color-grey-200);--p-color-stroke-subtle-on-white-grey: var(--p-color-grey-200);--p-color-stroke-subtle-hover: var(--p-color-red-800);--p-color-stroke-subtle-hover-white: var(--p-color-red-800);--p-color-stroke-subtle-hover-grey: var(--p-color-red-800);--p-color-stroke-subtle-pressed: var(--p-color-red-700);--p-color-stroke-subtle-pressed-white: var(--p-color-red-700);--p-color-stroke-subtle-pressed-grey: var(--p-color-red-700);--p-color-stroke-on-color: var(--p-color-red-100);--p-color-stroke-on-color-white: var(--p-color-red-100);--p-color-stroke-on-color-grey: var(--p-color-red-100);--p-color-stroke-interactive: var(--p-color-red-600);--p-color-stroke-interactive-white: var(--p-color-red-600);--p-color-stroke-interactive-grey: var(--p-color-red-600);--p-color-stroke-interactive-hover: var(--p-color-red-700);--p-color-stroke-interactive-hover-white: var(--p-color-red-700);--p-color-stroke-interactive-hover-grey: var(--p-color-red-700);--p-color-stroke-interactive-pressed: var(--p-color-red-800);--p-color-stroke-interactive-pressed-white: var(--p-color-red-800);--p-color-stroke-interactive-pressed-grey: var(--p-color-red-800);--p-color-stroke-selected: var(--p-color-red-700);--p-color-stroke-selected-white: var(--p-color-red-700);--p-color-stroke-selected-grey: var(--p-color-red-700);--p-color-stroke-selected-hover: var(--p-color-red-800);--p-color-stroke-selected-hover-white: var(--p-color-red-800);--p-color-stroke-selected-hover-grey: var(--p-color-red-800);--p-color-stroke-selected-pressed: var(--p-color-red-900);--p-color-stroke-selected-pressed-white: var(--p-color-red-900);--p-color-stroke-selected-pressed-grey: var(--p-color-red-900);--p-color-stroke-disabled: var(--p-color-grey-400);--p-color-stroke-disabled-white: var(--p-color-grey-400);--p-color-stroke-disabled-grey: var(--p-color-grey-500);--p-color-stroke-error: var(--p-color-red-600);--p-color-stroke-error-white: var(--p-color-red-600);--p-color-stroke-error-grey: var(--p-color-red-600);--p-color-stroke-success: var(--p-color-green-600);--p-color-stroke-success-white: var(--p-color-green-600);--p-color-stroke-success-grey: var(--p-color-green-600);--p-color-stroke-warning: var(--p-color-yellow-600);--p-color-stroke-warning-white: var(--p-color-yellow-600);--p-color-stroke-warning-grey: var(--p-color-yellow-600);--p-color-monochromatic-red-1: var(--p-color-red-550);--p-color-monochromatic-red-1-white: var(--p-color-red-550);--p-color-monochromatic-red-1-grey: var(--p-color-red-550);--p-color-monochromatic-red-2: var(--p-color-red-600);--p-color-monochromatic-red-2-white: var(--p-color-red-600);--p-color-monochromatic-red-2-grey: var(--p-color-red-600);--p-color-monochromatic-red-3: var(--p-color-red-800);--p-color-monochromatic-red-3-white: var(--p-color-red-800);--p-color-monochromatic-red-3-grey: var(--p-color-red-800);--p-color-monochromatic-red-4: var(--p-color-red-900);--p-color-monochromatic-red-4-white: var(--p-color-red-900);--p-color-monochromatic-red-4-grey: var(--p-color-red-900);--p-color-monochromatic-purple-1: var(--p-color-purple-550);--p-color-monochromatic-purple-1-white: var(--p-color-purple-550);--p-color-monochromatic-purple-1-grey: var(--p-color-purple-550);--p-color-monochromatic-purple-2: var(--p-color-purple-600);--p-color-monochromatic-purple-2-white: var(--p-color-purple-600);--p-color-monochromatic-purple-2-grey: var(--p-color-purple-600);--p-color-monochromatic-purple-3: var(--p-color-purple-800);--p-color-monochromatic-purple-3-white: var(--p-color-purple-800);--p-color-monochromatic-purple-3-grey: var(--p-color-purple-800);--p-color-monochromatic-purple-4: var(--p-color-purple-900);--p-color-monochromatic-purple-4-white: var(--p-color-purple-900);--p-color-monochromatic-purple-4-grey: var(--p-color-purple-900);--p-color-categorical-1: var(--p-color-purple-800);--p-color-categorical-1-white: var(--p-color-purple-800);--p-color-categorical-1-grey: var(--p-color-purple-800);--p-color-categorical-2: var(--p-color-red-550);--p-color-categorical-2-white: var(--p-color-red-550);--p-color-categorical-2-grey: var(--p-color-red-550);--p-color-categorical-3: var(--p-color-red-600);--p-color-categorical-3-white: var(--p-color-red-600);--p-color-categorical-3-grey: var(--p-color-red-600);--p-color-categorical-4: var(--p-color-purple-550);--p-color-categorical-4-white: var(--p-color-purple-550);--p-color-categorical-4-grey: var(--p-color-purple-550);--p-color-categorical-5: var(--p-color-red-800);--p-color-categorical-5-white: var(--p-color-red-800);--p-color-categorical-5-grey: var(--p-color-red-800);--p-color-categorical-6: var(--p-color-grey-500);--p-color-categorical-6-white: var(--p-color-grey-500);--p-color-categorical-6-grey: var(--p-color-grey-500);--p-color-categorical-7: var(--p-color-blue-700);--p-color-categorical-7-white: var(--p-color-blue-700);--p-color-categorical-7-grey: var(--p-color-blue-700);--p-color-categorical-8: var(--p-color-green-550);--p-color-categorical-8-white: var(--p-color-green-550);--p-color-categorical-8-grey: var(--p-color-green-550);--p-color-categorical-9: var(--p-color-purple-600);--p-color-categorical-9-white: var(--p-color-purple-600);--p-color-categorical-9-grey: var(--p-color-purple-600);--p-color-categorical-10: var(--p-color-blue-500);--p-color-categorical-10-white: var(--p-color-blue-500);--p-color-categorical-10-grey: var(--p-color-blue-500);--p-color-categorical-11: var(--p-color-green-700);--p-color-categorical-11-white: var(--p-color-green-700);--p-color-categorical-11-grey: var(--p-color-green-700);--p-color-categorical-12: var(--p-color-grey-700);--p-color-categorical-12-white: var(--p-color-grey-700);--p-color-categorical-12-grey: var(--p-color-grey-700);--p-outline: .125rem solid var(--p-color-states-focus);--p-outline-offset: .125rem}[data-theme=pretzel-dark]{--p-color-background: var(--p-color-grey-1000);--p-color-background-white: var(--p-color-grey-1000);--p-color-background-grey: var(--p-color-grey-1000);--p-color-background-hover: var(--p-color-grey-900);--p-color-background-hover-white: var(--p-color-grey-900);--p-color-background-hover-grey: var(--p-color-grey-800);--p-color-background-pressed: var(--p-color-grey-800);--p-color-background-pressed-white: var(--p-color-grey-800);--p-color-background-pressed-grey: var(--p-color-grey-700);--p-color-background-active: var(--p-color-red-400);--p-color-background-active-white: var(--p-color-red-400);--p-color-background-active-grey: var(--p-color-red-400);--p-color-background-disabled: var(--p-color-grey-800);--p-color-background-disabled-white: var(--p-color-grey-800);--p-color-background-disabled-grey: var(--p-color-grey-700);--p-color-background-selected: var(--p-color-red-300);--p-color-background-selected-white: var(--p-color-red-300);--p-color-background-selected-grey: var(--p-color-red-300);--p-color-background-selected-hover: var(--p-color-red-200);--p-color-background-selected-hover-white: var(--p-color-red-200);--p-color-background-selected-hover-grey: var(--p-color-red-200);--p-color-background-selected-pressed: var(--p-color-red-100);--p-color-background-selected-pressed-white: var(--p-color-red-100);--p-color-background-selected-pressed-grey: var(--p-color-red-100);--p-color-text-primary: var(--p-color-red-100);--p-color-text-primary-white: var(--p-color-red-100);--p-color-text-primary-grey: var(--p-color-red-100);--p-color-text-primary-hover: var(--p-color-red-200);--p-color-text-primary-hover-white: var(--p-color-red-200);--p-color-text-primary-hover-grey: var(--p-color-red-200);--p-color-text-primary-pressed: var(--p-color-red-300);--p-color-text-primary-pressed-white: var(--p-color-red-300);--p-color-text-primary-pressed-grey: var(--p-color-red-300);--p-color-text-primary-active: var(--p-color-red-300);--p-color-text-primary-active-white: var(--p-color-red-300);--p-color-text-primary-active-grey: var(--p-color-red-300);--p-color-text-interactive: var(--p-color-red-200);--p-color-text-interactive-white: var(--p-color-red-200);--p-color-text-interactive-grey: var(--p-color-red-200);--p-color-text-interactive-hover: var(--p-color-red-400);--p-color-text-interactive-hover-white: var(--p-color-red-400);--p-color-text-interactive-hover-grey: var(--p-color-red-400);--p-color-text-interactive-pressed: var(--p-color-red-300);--p-color-text-interactive-pressed-white: var(--p-color-red-300);--p-color-text-interactive-pressed-grey: var(--p-color-red-300);--p-color-text-interactive-active: var(--p-color-red-300);--p-color-text-interactive-active-white: var(--p-color-red-300);--p-color-text-interactive-active-grey: var(--p-color-red-300);--p-color-text-selected: var(--p-color-red-300);--p-color-text-selected-white: var(--p-color-red-300);--p-color-text-selected-grey: var(--p-color-red-300);--p-color-text-selected-hover: var(--p-color-red-200);--p-color-text-selected-hover-white: var(--p-color-red-200);--p-color-text-selected-hover-grey: var(--p-color-red-200);--p-color-text-selected-pressed: var(--p-color-red-100);--p-color-text-selected-pressed-white: var(--p-color-red-100);--p-color-text-selected-pressed-grey: var(--p-color-red-100);--p-color-text-secondary: var(--p-color-grey-300);--p-color-text-secondary-white: var(--p-color-grey-300);--p-color-text-secondary-grey: var(--p-color-grey-300);--p-color-text-placeholder: var(--p-color-grey-400);--p-color-text-placeholder-white: var(--p-color-grey-400);--p-color-text-placeholder-grey: var(--p-color-grey-400);--p-color-text-on-color: var(--p-color-red-900);--p-color-text-on-color-white: var(--p-color-red-900);--p-color-text-on-color-grey: var(--p-color-red-900);--p-color-text-disabled: var(--p-color-grey-600);--p-color-text-disabled-white: var(--p-color-grey-600);--p-color-text-disabled-grey: var(--p-color-grey-500);--p-color-text-info: var(--p-color-blue-400);--p-color-text-info-white: var(--p-color-blue-400);--p-color-text-info-grey: var(--p-color-blue-400);--p-color-text-success: var(--p-color-green-400);--p-color-text-success-white: var(--p-color-green-400);--p-color-text-success-grey: var(--p-color-green-400);--p-color-text-warning: var(--p-color-yellow-400);--p-color-text-warning-white: var(--p-color-yellow-400);--p-color-text-warning-grey: var(--p-color-yellow-400);--p-color-text-error: var(--p-color-red-400);--p-color-text-error-white: var(--p-color-red-400);--p-color-text-error-grey: var(--p-color-red-400);--p-color-text-alert: var(--p-color-grey-100);--p-color-text-alert-white: var(--p-color-grey-100);--p-color-text-alert-grey: var(--p-color-grey-100);--p-color-text-on-brand: var(--p-color-red-900);--p-color-text-on-brand-white: var(--p-color-red-900);--p-color-text-on-brand-grey: var(--p-color-red-900);--p-color-text-on-error: var(--p-color-red-200);--p-color-text-on-info: var(--p-color-blue-100);--p-color-text-on-warning: var(--p-color-yellow-100);--p-color-text-on-success: var(--p-color-green-100);--p-color-icon-primary: var(--p-color-red-100);--p-color-icon-primary-white: var(--p-color-red-100);--p-color-icon-primary-grey: var(--p-color-red-100);--p-color-icon-primary-hover: var(--p-color-red-200);--p-color-icon-primary-hover-white: var(--p-color-red-200);--p-color-icon-primary-hover-grey: var(--p-color-red-200);--p-color-icon-primary-active: var(--p-color-red-300);--p-color-icon-primary-active-white: var(--p-color-red-300);--p-color-icon-primary-active-grey: var(--p-color-red-300);--p-color-icon-primary-pressed: var(--p-color-red-300);--p-color-icon-primary-pressed-white: var(--p-color-red-300);--p-color-icon-primary-pressed-grey: var(--p-color-red-300);--p-color-icon-interactive: var(--p-color-red-200);--p-color-icon-interactive-white: var(--p-color-red-200);--p-color-icon-interactive-grey: var(--p-color-red-200);--p-color-icon-interactive-hover: var(--p-color-red-400);--p-color-icon-interactive-hover-white: var(--p-color-red-400);--p-color-icon-interactive-hover-grey: var(--p-color-red-400);--p-color-icon-interactive-pressed: var(--p-color-red-300);--p-color-icon-interactive-pressed-white: var(--p-color-red-300);--p-color-icon-interactive-pressed-grey: var(--p-color-red-300);--p-color-icon-interactive-active: var(--p-color-red-300);--p-color-icon-interactive-active-white: var(--p-color-red-300);--p-color-icon-interactive-active-grey: var(--p-color-red-300);--p-color-icon-on-color: var(--p-color-red-900);--p-color-icon-on-color-white: var(--p-color-red-900);--p-color-icon-on-color-grey: var(--p-color-red-900);--p-color-icon-disabled: var(--p-color-grey-600);--p-color-icon-disabled-white: var(--p-color-grey-600);--p-color-icon-disabled-grey: var(--p-color-grey-500);--p-color-icon-error: var(--p-color-red-400);--p-color-icon-error-white: var(--p-color-red-400);--p-color-icon-error-grey: var(--p-color-red-400);--p-color-icon-success: var(--p-color-green-400);--p-color-icon-success-white: var(--p-color-green-400);--p-color-icon-success-grey: var(--p-color-green-400);--p-color-icon-warning: var(--p-color-yellow-400);--p-color-icon-warning-white: var(--p-color-yellow-400);--p-color-icon-warning-grey: var(--p-color-yellow-400);--p-color-icon-info: var(--p-color-blue-400);--p-color-icon-info-white: var(--p-color-blue-400);--p-color-icon-info-grey: var(--p-color-blue-400);--p-color-icon-neutral: var(--p-color-grey-100);--p-color-icon-neutral-white: var(--p-color-grey-100);--p-color-icon-neutral-grey: var(--p-color-grey-100);--p-color-icon-on-brand: var(--p-color-red-900);--p-color-icon-on-brand-white: var(--p-color-red-900);--p-color-icon-on-brand-grey: var(--p-color-red-900);--p-color-icon-on-error: var(--p-color-red-200);--p-color-icon-on-info: var(--p-color-blue-100);--p-color-icon-on-warning: var(--p-color-yellow-100);--p-color-icon-on-success: var(--p-color-green-100);--p-color-button-brand-fill: var(--p-color-red-400);--p-color-button-brand-fill-white: var(--p-color-red-400);--p-color-button-brand-fill-grey: var(--p-color-red-400);--p-color-button-brand-fill-hover: var(--p-color-red-300);--p-color-button-brand-fill-hover-white: var(--p-color-red-300);--p-color-button-brand-fill-hover-grey: var(--p-color-red-300);--p-color-button-brand-fill-pressed: var(--p-color-red-200);--p-color-button-brand-fill-pressed-white: var(--p-color-red-200);--p-color-button-brand-fill-pressed-grey: var(--p-color-red-200);--p-color-button-brand-fill-active: var(--p-color-red-200);--p-color-button-brand-fill-active-white: var(--p-color-red-200);--p-color-button-brand-fill-active-grey: var(--p-color-red-200);--p-color-button-action-fill: var(--p-color-red-100);--p-color-button-action-fill-white: var(--p-color-red-100);--p-color-button-action-fill-grey: var(--p-color-red-100);--p-color-button-action-fill-hover: var(--p-color-red-200);--p-color-button-action-fill-hover-white: var(--p-color-red-200);--p-color-button-action-fill-hover-grey: var(--p-color-red-200);--p-color-button-action-fill-pressed: var(--p-color-red-300);--p-color-button-action-fill-pressed-white: var(--p-color-red-300);--p-color-button-action-fill-pressed-grey: var(--p-color-red-300);--p-color-button-action-fill-active: var(--p-color-red-300);--p-color-button-action-fill-active-white: var(--p-color-red-300);--p-color-button-action-fill-active-grey: var(--p-color-red-300);--p-color-button-disabled: var(--p-color-grey-800);--p-color-button-disabled-white: var(--p-color-grey-800);--p-color-button-disabled-grey: var(--p-color-grey-800);--p-color-graphics-illustration-primary: var(--p-color-red-400);--p-color-graphics-illustration-primary-white: var(--p-color-red-400);--p-color-graphics-illustration-primary-grey: var(--p-color-red-400);--p-color-graphics-illustration-detail: var(--p-color-logo-red);--p-color-graphics-illustration-detail-white: var(--p-color-logo-red);--p-color-graphics-illustration-detail-grey: var(--p-color-logo-red);--p-color-graphics-illustration-base: var(--p-color-purple-100);--p-color-graphics-illustration-base-white: var(--p-color-purple-100);--p-color-graphics-illustration-base-grey: var(--p-color-purple-100);--p-color-graphics-illustration-white: var(--p-color-grey-1000);--p-color-graphics-illustration-white-white: var(--p-color-grey-1000);--p-color-graphics-illustration-white-grey: var(--p-color-grey-1000);--p-color-graphics-storebrand-icon-detail: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-white: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-grey: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-outline: var(--p-color-red-200);--p-color-graphics-storebrand-icon-outline-white: var(--p-color-red-200);--p-color-graphics-storebrand-icon-outline-grey: var(--p-color-red-200);--p-color-static-brand-foreground: var(--p-color-red-400);--p-color-static-brand-foreground-white: var(--p-color-red-400);--p-color-static-brand-foreground-grey: var(--p-color-red-400);--p-color-static-brand-background: var(--p-color-red-800);--p-color-static-brand-background-white: var(--p-color-red-800);--p-color-static-brand-background-grey: var(--p-color-red-800);--p-color-static-orange-foreground: var(--p-color-orange-400);--p-color-static-orange-foreground-white: var(--p-color-orange-400);--p-color-static-orange-foreground-grey: var(--p-color-orange-400);--p-color-static-orange-background: var(--p-color-orange-200);--p-color-static-orange-background-white: var(--p-color-orange-200);--p-color-static-orange-background-grey: var(--p-color-orange-300);--p-color-static-purple-foreground: var(--p-color-purple-400);--p-color-static-purple-foreground-white: var(--p-color-purple-400);--p-color-static-purple-foreground-grey: var(--p-color-purple-400);--p-color-static-purple-background: var(--p-color-purple-800);--p-color-static-purple-background-white: var(--p-color-purple-800);--p-color-static-purple-background-grey: var(--p-color-purple-800);--p-color-static-red-foreground: var(--p-color-red-400);--p-color-static-red-foreground-white: var(--p-color-red-400);--p-color-static-red-foreground-grey: var(--p-color-red-400);--p-color-static-red-background: var(--p-color-red-800);--p-color-static-red-background-white: var(--p-color-red-800);--p-color-static-red-background-grey: var(--p-color-red-800);--p-color-static-grey-foreground: var(--p-color-grey-400);--p-color-static-grey-foreground-white: var(--p-color-grey-400);--p-color-static-grey-foreground-grey: var(--p-color-grey-400);--p-color-static-grey-background: var(--p-color-grey-800);--p-color-static-grey-background-white: var(--p-color-grey-800);--p-color-static-grey-background-grey: var(--p-color-grey-800);--p-color-static-risk-filled: var(--p-color-orange-300);--p-color-static-risk-filled-white: var(--p-color-orange-300);--p-color-static-risk-filled-grey: var(--p-color-orange-300);--p-color-static-risk-unfilled: var(--p-color-orange-pale-800);--p-color-static-risk-unfilled-white: var(--p-color-orange-pale-800);--p-color-static-risk-unfilled-grey: var(--p-color-orange-pale-800);--p-color-static-sustainability-filled: var(--p-color-purple-300);--p-color-static-sustainability-filled-white: var(--p-color-purple-300);--p-color-static-sustainability-filled-grey: var(--p-color-purple-300);--p-color-static-sustainability-unfilled: var(--p-color-purple-pale-800);--p-color-static-sustainability-unfilled-white: var( --p-color-purple-pale-800 );--p-color-static-sustainability-unfilled-grey: var(--p-color-purple-pale-800);--p-color-states-focus: var(--p-color-focus-1);--p-color-states-focus-white: var(--p-color-focus-1);--p-color-states-focus-grey: var(--p-color-focus-1);--p-color-states-scrim: var(--p-color-scrim-1);--p-color-states-scrim-white: var(--p-color-scrim-1);--p-color-states-scrim-grey: var(--p-color-scrim-1);--p-color-states-toggle-off: var(--p-color-grey-600);--p-color-states-toggle-off-white: var(--p-color-grey-600);--p-color-states-toggle-off-grey: var(--p-color-grey-500);--p-color-states-toggle-off-hover: var(--p-color-grey-700);--p-color-states-toggle-off-hover-white: var(--p-color-grey-700);--p-color-states-toggle-off-hover-grey: var(--p-color-grey-600);--p-color-surface-1: var(--p-color-grey-900);--p-color-surface-1-white: var(--p-color-grey-900);--p-color-surface-1-grey: var(--p-color-grey-1000);--p-color-surface-2: var(--p-color-grey-800);--p-color-surface-2-white: var(--p-color-grey-800);--p-color-surface-2-grey: var(--p-color-grey-800);--p-color-surface-1-hover: var(--p-color-grey-800);--p-color-surface-1-hover-white: var(--p-color-grey-800);--p-color-surface-1-hover-grey: var(--p-color-grey-800);--p-color-surface-2-hover: var(--p-color-grey-800);--p-color-surface-2-hover-white: var(--p-color-grey-800);--p-color-surface-2-hover-grey: var(--p-color-grey-800);--p-color-surface-inverse: var(--p-color-red-100);--p-color-surface-inverse-white: var(--p-color-red-100);--p-color-surface-inverse-grey: var(--p-color-red-100);--p-color-surface-inverse-hover: var(--p-color-red-200);--p-color-surface-inverse-hover-white: var(--p-color-red-200);--p-color-surface-inverse-hover-grey: var(--p-color-red-200);--p-color-surface-inverse-pressed: var(--p-color-red-300);--p-color-surface-inverse-pressed-white: var(--p-color-red-300);--p-color-surface-inverse-pressed-grey: var(--p-color-red-300);--p-color-surface-selected: var(--p-color-red-400);--p-color-surface-selected-white: var(--p-color-red-400);--p-color-surface-selected-grey: var(--p-color-red-400);--p-color-surface-selected-hover: var(--p-color-red-300);--p-color-surface-selected-hover-white: var(--p-color-red-300);--p-color-surface-selected-hover-grey: var(--p-color-red-300);--p-color-surface-selected-pressed: var(--p-color-red-200);--p-color-surface-selected-pressed-white: var(--p-color-red-200);--p-color-surface-selected-pressed-grey: var(--p-color-red-200);--p-color-surface-selected-active: var(--p-color-red-200);--p-color-surface-selected-active-white: var(--p-color-red-200);--p-color-surface-selected-active-grey: var(--p-color-red-200);--p-color-surface-error: var(--p-color-red-800);--p-color-surface-error-white: var(--p-color-red-800);--p-color-surface-error-grey: var(--p-color-red-800);--p-color-surface-success: var(--p-color-green-800);--p-color-surface-success-white: var(--p-color-green-800);--p-color-surface-success-grey: var(--p-color-green-800);--p-color-surface-warning: var(--p-color-yellow-800);--p-color-surface-warning-white: var(--p-color-yellow-800);--p-color-surface-warning-grey: var(--p-color-yellow-800);--p-color-surface-info: var(--p-color-blue-800);--p-color-surface-info-white: var(--p-color-blue-800);--p-color-surface-info-grey: var(--p-color-blue-800);--p-color-surface-neutral: var(--p-color-grey-900);--p-color-surface-neutral-white: var(--p-color-grey-1000);--p-color-surface-neutral-grey: var(--p-color-grey-900);--p-color-surface-static: var(--p-color-grey-1000);--p-color-surface-static-white: var(--p-color-grey-900);--p-color-surface-static-grey: var(--p-color-grey-900);--p-color-stroke-strong: var(--p-color-red-200);--p-color-stroke-strong-white: var(--p-color-red-200);--p-color-stroke-strong-grey: var(--p-color-red-200);--p-color-stroke-strong-hover: var(--p-color-red-400);--p-color-stroke-strong-hover-white: var(--p-color-red-400);--p-color-stroke-strong-hover-grey: var(--p-color-red-400);--p-color-stroke-strong-pressed: var(--p-color-red-300);--p-color-stroke-strong-pressed-white: var(--p-color-red-300);--p-color-stroke-strong-pressed-grey: var(--p-color-red-300);--p-color-stroke-0: var(--p-color-grey-700);--p-color-stroke-0-white: var(--p-color-grey-700);--p-color-stroke-0-grey: var(--p-color-grey-600);--p-color-stroke-1: var(--p-color-grey-600);--p-color-stroke-1-white: var(--p-color-grey-600);--p-color-stroke-1-grey: var(--p-color-grey-700);--p-color-stroke-2: var(--p-color-grey-700);--p-color-stroke-2-white: var(--p-color-grey-700);--p-color-stroke-2-grey: var(--p-color-grey-600);--p-color-stroke-on-white: var(--p-color-grey-700);--p-color-stroke-on-white-white: var(--p-color-grey-700);--p-color-stroke-on-white-grey: var(--p-color-grey-700);--p-color-stroke-subtle-0: var(--p-color-grey-800);--p-color-stroke-subtle-0-white: var(--p-color-grey-800);--p-color-stroke-subtle-0-grey: var(--p-color-grey-700);--p-color-stroke-subtle-1: var(--p-color-grey-700);--p-color-stroke-subtle-1-white: var(--p-color-grey-700);--p-color-stroke-subtle-1-grey: var(--p-color-grey-800);--p-color-stroke-subtle-2: var(--p-color-grey-800);--p-color-stroke-subtle-2-white: var(--p-color-grey-800);--p-color-stroke-subtle-2-grey: var(--p-color-grey-700);--p-color-stroke-subtle-on-white: var(--p-color-grey-800);--p-color-stroke-subtle-on-white-white: var(--p-color-grey-800);--p-color-stroke-subtle-on-white-grey: var(--p-color-grey-800);--p-color-stroke-subtle-hover: var(--p-color-red-200);--p-color-stroke-subtle-hover-white: var(--p-color-red-200);--p-color-stroke-subtle-hover-grey: var(--p-color-red-200);--p-color-stroke-subtle-pressed: var(--p-color-red-300);--p-color-stroke-subtle-pressed-white: var(--p-color-red-300);--p-color-stroke-subtle-pressed-grey: var(--p-color-red-300);--p-color-stroke-on-color: var(--p-color-red-900);--p-color-stroke-on-color-white: var(--p-color-red-900);--p-color-stroke-on-color-grey: var(--p-color-red-900);--p-color-stroke-interactive: var(--p-color-red-400);--p-color-stroke-interactive-white: var(--p-color-red-400);--p-color-stroke-interactive-grey: var(--p-color-red-400);--p-color-stroke-interactive-hover: var(--p-color-red-300);--p-color-stroke-interactive-hover-white: var(--p-color-red-300);--p-color-stroke-interactive-hover-grey: var(--p-color-red-300);--p-color-stroke-interactive-pressed: var(--p-color-red-200);--p-color-stroke-interactive-pressed-white: var(--p-color-red-200);--p-color-stroke-interactive-pressed-grey: var(--p-color-red-200);--p-color-stroke-selected: var(--p-color-red-300);--p-color-stroke-selected-white: var(--p-color-red-300);--p-color-stroke-selected-grey: var(--p-color-red-300);--p-color-stroke-selected-hover: var(--p-color-red-200);--p-color-stroke-selected-hover-white: var(--p-color-red-200);--p-color-stroke-selected-hover-grey: var(--p-color-red-200);--p-color-stroke-selected-pressed: var(--p-color-red-100);--p-color-stroke-selected-pressed-white: var(--p-color-red-100);--p-color-stroke-selected-pressed-grey: var(--p-color-red-100);--p-color-stroke-disabled: var(--p-color-grey-600);--p-color-stroke-disabled-white: var(--p-color-grey-600);--p-color-stroke-disabled-grey: var(--p-color-grey-500);--p-color-stroke-error: var(--p-color-red-400);--p-color-stroke-error-white: var(--p-color-red-400);--p-color-stroke-error-grey: var(--p-color-red-400);--p-color-stroke-success: var(--p-color-green-400);--p-color-stroke-success-white: var(--p-color-green-400);--p-color-stroke-success-grey: var(--p-color-green-400);--p-color-stroke-warning: var(--p-color-yellow-200);--p-color-stroke-warning-white: var(--p-color-yellow-200);--p-color-stroke-warning-grey: var(--p-color-yellow-200);--p-outline: 2px solid var(--p-color-states-focus);--p-outline-offset: 2px}[data-theme=kron]{--p-color-background: var(--p-color-grey-cold-000);--p-color-background-white: var(--p-color-grey-cold-000);--p-color-background-grey: var(--p-color-grey-cold-100);--p-color-background-hover: var(--p-color-grey-cold-100);--p-color-background-hover-white: var(--p-color-grey-cold-100);--p-color-background-hover-grey: var(--p-color-grey-cold-200);--p-color-background-pressed: var(--p-color-grey-cold-200);--p-color-background-pressed-white: var(--p-color-grey-cold-200);--p-color-background-pressed-grey: var(--p-color-grey-cold-300);--p-color-background-active: var(--p-color-red-600);--p-color-background-active-white: var(--p-color-red-600);--p-color-background-active-grey: var(--p-color-red-600);--p-color-background-disabled: var(--p-color-grey-cold-200);--p-color-background-disabled-white: var(--p-color-grey-cold-200);--p-color-background-disabled-grey: var(--p-color-grey-cold-300);--p-color-background-selected: var(--p-color-purple-700);--p-color-background-selected-white: var(--p-color-purple-700);--p-color-background-selected-grey: var(--p-color-purple-700);--p-color-background-selected-hover: var(--p-color-purple-800);--p-color-background-selected-hover-white: var(--p-color-purple-800);--p-color-background-selected-hover-grey: var(--p-color-purple-800);--p-color-background-selected-pressed: var(--p-color-purple-900);--p-color-background-selected-pressed-white: var(--p-color-purple-900);--p-color-background-selected-pressed-grey: var(--p-color-purple-900);--p-color-text-primary: var(--p-color-purple-900);--p-color-text-primary-white: var(--p-color-purple-900);--p-color-text-primary-grey: var(--p-color-purple-900);--p-color-text-primary-hover: var(--p-color-purple-800);--p-color-text-primary-hover-white: var(--p-color-purple-800);--p-color-text-primary-hover-grey: var(--p-color-purple-800);--p-color-text-primary-pressed: var(--p-color-purple-700);--p-color-text-primary-pressed-white: var(--p-color-purple-700);--p-color-text-primary-pressed-grey: var(--p-color-purple-700);--p-color-text-primary-active: var(--p-color-purple-700);--p-color-text-primary-active-white: var(--p-color-purple-700);--p-color-text-primary-active-grey: var(--p-color-purple-700);--p-color-text-interactive: var(--p-color-purple-800);--p-color-text-interactive-white: var(--p-color-purple-800);--p-color-text-interactive-grey: var(--p-color-purple-800);--p-color-text-interactive-hover: var(--p-color-purple-600);--p-color-text-interactive-hover-white: var(--p-color-purple-600);--p-color-text-interactive-hover-grey: var(--p-color-purple-600);--p-color-text-interactive-pressed: var(--p-color-purple-700);--p-color-text-interactive-pressed-white: var(--p-color-purple-700);--p-color-text-interactive-pressed-grey: var(--p-color-purple-700);--p-color-text-interactive-active: var(--p-color-purple-700);--p-color-text-interactive-active-white: var(--p-color-purple-700);--p-color-text-interactive-active-grey: var(--p-color-purple-700);--p-color-text-selected: var(--p-color-purple-700);--p-color-text-selected-white: var(--p-color-purple-700);--p-color-text-selected-grey: var(--p-color-purple-700);--p-color-text-selected-hover: var(--p-color-purple-800);--p-color-text-selected-hover-white: var(--p-color-purple-800);--p-color-text-selected-hover-grey: var(--p-color-purple-800);--p-color-text-selected-pressed: var(--p-color-purple-900);--p-color-text-selected-pressed-white: var(--p-color-purple-900);--p-color-text-selected-pressed-grey: var(--p-color-purple-900);--p-color-text-secondary: var(--p-color-grey-cold-700);--p-color-text-secondary-white: var(--p-color-grey-cold-700);--p-color-text-secondary-grey: var(--p-color-grey-cold-700);--p-color-text-placeholder: var(--p-color-grey-cold-600);--p-color-text-placeholder-white: var(--p-color-grey-cold-600);--p-color-text-placeholder-grey: var(--p-color-grey-cold-600);--p-color-text-on-color: var(--p-color-purple-100);--p-color-text-on-color-white: var(--p-color-purple-100);--p-color-text-on-color-grey: var(--p-color-purple-100);--p-color-text-disabled: var(--p-color-grey-cold-500);--p-color-text-disabled-white: var(--p-color-grey-cold-500);--p-color-text-disabled-grey: var(--p-color-grey-cold-500);--p-color-text-info: var(--p-color-blue-600);--p-color-text-info-white: var(--p-color-blue-600);--p-color-text-info-grey: var(--p-color-blue-600);--p-color-text-success: var(--p-color-green-600);--p-color-text-success-white: var(--p-color-green-600);--p-color-text-success-grey: var(--p-color-green-600);--p-color-text-warning: var(--p-color-yellow-600);--p-color-text-warning-white: var(--p-color-yellow-600);--p-color-text-warning-grey: var(--p-color-yellow-600);--p-color-text-error: var(--p-color-red-600);--p-color-text-error-white: var(--p-color-red-600);--p-color-text-error-grey: var(--p-color-red-600);--p-color-text-alert: var(--p-color-grey-cold-900);--p-color-text-alert-white: var(--p-color-grey-cold-900);--p-color-text-alert-grey: var(--p-color-grey-cold-900);--p-color-text-on-brand: var(--p-color-purple-100);--p-color-text-on-brand-white: var(--p-color-purple-100);--p-color-text-on-brand-grey: var(--p-color-purple-100);--p-color-text-on-error: var(--p-color-red-800);--p-color-text-on-info: var(--p-color-purple-900);--p-color-text-on-warning: var(--p-color-yellow-900);--p-color-text-on-success: var(--p-color-green-900);--p-color-icon-primary: var(--p-color-purple-900);--p-color-icon-primary-white: var(--p-color-purple-900);--p-color-icon-primary-grey: var(--p-color-purple-900);--p-color-icon-primary-hover: var(--p-color-purple-800);--p-color-icon-primary-hover-white: var(--p-color-purple-800);--p-color-icon-primary-hover-grey: var(--p-color-purple-800);--p-color-icon-primary-active: var(--p-color-purple-700);--p-color-icon-primary-active-white: var(--p-color-purple-700);--p-color-icon-primary-active-grey: var(--p-color-purple-700);--p-color-icon-primary-pressed: var(--p-color-purple-700);--p-color-icon-primary-pressed-white: var(--p-color-purple-700);--p-color-icon-primary-pressed-grey: var(--p-color-purple-700);--p-color-icon-interactive: var(--p-color-purple-800);--p-color-icon-interactive-white: var(--p-color-purple-800);--p-color-icon-interactive-grey: var(--p-color-purple-800);--p-color-icon-interactive-hover: var(--p-color-purple-600);--p-color-icon-interactive-hover-white: var(--p-color-purple-600);--p-color-icon-interactive-hover-grey: var(--p-color-purple-600);--p-color-icon-interactive-pressed: var(--p-color-purple-700);--p-color-icon-interactive-pressed-white: var(--p-color-purple-700);--p-color-icon-interactive-pressed-grey: var(--p-color-purple-700);--p-color-icon-interactive-active: var(--p-color-purple-700);--p-color-icon-interactive-active-white: var(--p-color-purple-700);--p-color-icon-interactive-active-grey: var(--p-color-purple-700);--p-color-icon-on-color: var(--p-color-purple-100);--p-color-icon-on-color-white: var(--p-color-purple-100);--p-color-icon-on-color-grey: var(--p-color-purple-100);--p-color-icon-disabled: var(--p-color-grey-cold-500);--p-color-icon-disabled-white: var(--p-color-grey-cold-500);--p-color-icon-disabled-grey: var(--p-color-grey-cold-500);--p-color-icon-error: var(--p-color-red-600);--p-color-icon-error-white: var(--p-color-red-600);--p-color-icon-error-grey: var(--p-color-red-600);--p-color-icon-success: var(--p-color-green-600);--p-color-icon-success-white: var(--p-color-green-600);--p-color-icon-success-grey: var(--p-color-green-600);--p-color-icon-warning: var(--p-color-yellow-600);--p-color-icon-warning-white: var(--p-color-yellow-600);--p-color-icon-warning-grey: var(--p-color-yellow-600);--p-color-icon-info: var(--p-color-purple-600);--p-color-icon-info-white: var(--p-color-purple-600);--p-color-icon-info-grey: var(--p-color-purple-600);--p-color-icon-neutral: var(--p-color-grey-cold-900);--p-color-icon-neutral-white: var(--p-color-grey-cold-900);--p-color-icon-neutral-grey: var(--p-color-grey-cold-900);--p-color-icon-on-brand: var(--p-color-purple-100);--p-color-icon-on-brand-white: var(--p-color-purple-100);--p-color-icon-on-brand-grey: var(--p-color-purple-100);--p-color-icon-on-error: var(--p-color-red-800);--p-color-icon-on-info: var(--p-color-purple-900);--p-color-icon-on-warning: var(--p-color-yellow-900);--p-color-icon-on-success: var(--p-color-green-900);--p-color-button-brand-fill: var(--p-color-purple-500);--p-color-button-brand-fill-white: var(--p-color-purple-600);--p-color-button-brand-fill-grey: var(--p-color-purple-600);--p-color-button-brand-fill-hover: var(--p-color-purple-400);--p-color-button-brand-fill-hover-white: var(--p-color-purple-700);--p-color-button-brand-fill-hover-grey: var(--p-color-purple-700);--p-color-button-brand-fill-pressed: var(--p-color-purple-300);--p-color-button-brand-fill-pressed-white: var(--p-color-purple-800);--p-color-button-brand-fill-pressed-grey: var(--p-color-purple-800);--p-color-button-brand-fill-active: var(--p-color-purple-300);--p-color-button-brand-fill-active-white: var(--p-color-purple-800);--p-color-button-brand-fill-active-grey: var(--p-color-purple-800);--p-color-button-action-fill: var(--p-color-purple-400);--p-color-button-action-fill-white: var(--p-color-purple-900);--p-color-button-action-fill-grey: var(--p-color-purple-900);--p-color-button-action-fill-hover: var(--p-color-purple-300);--p-color-button-action-fill-hover-white: var(--p-color-purple-800);--p-color-button-action-fill-hover-grey: var(--p-color-purple-800);--p-color-button-action-fill-pressed: var(--p-color-purple-200);--p-color-button-action-fill-pressed-white: var(--p-color-purple-700);--p-color-button-action-fill-pressed-grey: var(--p-color-purple-700);--p-color-button-action-fill-active: var(--p-color-purple-200);--p-color-button-action-fill-active-white: var(--p-color-purple-700);--p-color-button-action-fill-active-grey: var(--p-color-purple-700);--p-color-button-disabled: var(--p-color-grey-cold-800);--p-color-button-disabled-white: var(--p-color-grey-cold-200);--p-color-button-disabled-grey: var(--p-color-grey-cold-300);--p-color-graphics-illustration-primary: var(--p-color-red-600);--p-color-graphics-illustration-primary-white: var(--p-color-red-600);--p-color-graphics-illustration-primary-grey: var(--p-color-red-600);--p-color-graphics-illustration-detail: var(--p-color-logo-red);--p-color-graphics-illustration-detail-white: var(--p-color-logo-red);--p-color-graphics-illustration-detail-grey: var(--p-color-logo-red);--p-color-graphics-illustration-base: var(--p-color-purple-900);--p-color-graphics-illustration-base-white: var(--p-color-purple-900);--p-color-graphics-illustration-base-grey: var(--p-color-purple-900);--p-color-graphics-illustration-white: var(--p-color-grey-cold-000);--p-color-graphics-illustration-white-white: var(--p-color-grey-cold-000);--p-color-graphics-illustration-white-grey: var(--p-color-grey-cold-000);--p-color-graphics-storebrand-icon-detail: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-white: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-grey: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-outline: var(--p-color-red-800);--p-color-graphics-storebrand-icon-outline-white: var(--p-color-red-800);--p-color-graphics-storebrand-icon-outline-grey: var(--p-color-red-800);--p-color-static-brand-foreground: var(--p-color-purple-600);--p-color-static-brand-foreground-white: var(--p-color-purple-600);--p-color-static-brand-foreground-grey: var(--p-color-purple-600);--p-color-static-brand-background: var(--p-color-purple-200);--p-color-static-brand-background-white: var(--p-color-purple-200);--p-color-static-brand-background-grey: var(--p-color-purple-200);--p-color-static-orange-foreground: var(--p-color-orange-600);--p-color-static-orange-foreground-white: var(--p-color-orange-600);--p-color-static-orange-foreground-grey: var(--p-color-orange-600);--p-color-static-orange-background: var(--p-color-orange-200);--p-color-static-orange-background-white: var(--p-color-orange-200);--p-color-static-orange-background-grey: var(--p-color-orange-300);--p-color-static-purple-foreground: var(--p-color-purple-600);--p-color-static-purple-foreground-white: var(--p-color-purple-600);--p-color-static-purple-foreground-grey: var(--p-color-purple-600);--p-color-static-purple-background: var(--p-color-purple-200);--p-color-static-purple-background-white: var(--p-color-purple-200);--p-color-static-purple-background-grey: var(--p-color-purple-300);--p-color-static-red-foreground: var(--p-color-red-600);--p-color-static-red-foreground-white: var(--p-color-red-600);--p-color-static-red-foreground-grey: var(--p-color-red-600);--p-color-static-red-background: var(--p-color-red-200);--p-color-static-red-background-white: var(--p-color-red-200);--p-color-static-red-background-grey: var(--p-color-red-200);--p-color-static-grey-foreground: var(--p-color-grey-cold-600);--p-color-static-grey-foreground-white: var(--p-color-grey-cold-600);--p-color-static-grey-foreground-grey: var(--p-color-grey-cold-600);--p-color-static-grey-background: var(--p-color-grey-cold-200);--p-color-static-grey-background-white: var(--p-color-grey-cold-200);--p-color-static-grey-background-grey: var(--p-color-grey-cold-300);--p-color-static-risk-filled: var(--p-color-purple-800);--p-color-static-risk-filled-white: var(--p-color-purple-800);--p-color-static-risk-filled-grey: var(--p-color-purple-800);--p-color-static-risk-unfilled: var(--p-color-purple-200);--p-color-static-risk-unfilled-white: var(--p-color-purple-200);--p-color-static-risk-unfilled-grey: var(--p-color-purple-200);--p-color-static-sustainability-filled: var(--p-color-green-700);--p-color-static-sustainability-filled-white: var(--p-color-green-700);--p-color-static-sustainability-filled-grey: var(--p-color-green-700);--p-color-static-sustainability-unfilled: var(--p-color-grey-cold-200);--p-color-static-sustainability-unfilled-white: var(--p-color-grey-cold-200);--p-color-static-sustainability-unfilled-grey: var(--p-color-grey-cold-200);--p-color-states-focus: var(--p-color-focus-1);--p-color-states-focus-white: var(--p-color-focus-1);--p-color-states-focus-grey: var(--p-color-focus-1);--p-color-states-scrim: var(--p-color-scrim-1);--p-color-states-scrim-white: var(--p-color-scrim-1);--p-color-states-scrim-grey: var(--p-color-scrim-1);--p-color-states-toggle-off: var(--p-color-grey-cold-400);--p-color-states-toggle-off-white: var(--p-color-grey-cold-400);--p-color-states-toggle-off-grey: var(--p-color-grey-cold-500);--p-color-states-toggle-off-hover: var(--p-color-grey-cold-300);--p-color-states-toggle-off-hover-white: var(--p-color-grey-cold-300);--p-color-states-toggle-off-hover-grey: var(--p-color-grey-cold-400);--p-color-surface-1: var(--p-color-grey-cold-100);--p-color-surface-1-white: var(--p-color-grey-cold-100);--p-color-surface-1-grey: var(--p-color-grey-cold-000);--p-color-surface-2: var(--p-color-grey-cold-000);--p-color-surface-2-white: var(--p-color-grey-cold-000);--p-color-surface-2-grey: var(--p-color-grey-cold-100);--p-color-surface-1-hover: var(--p-color-grey-cold-200);--p-color-surface-1-hover-white: var(--p-color-grey-cold-200);--p-color-surface-1-hover-grey: var(--p-color-grey-cold-200);--p-color-surface-2-hover: var(--p-color-grey-cold-200);--p-color-surface-2-hover-white: var(--p-color-grey-cold-200);--p-color-surface-2-hover-grey: var(--p-color-grey-cold-200);--p-color-surface-inverse: var(--p-color-purple-900);--p-color-surface-inverse-white: var(--p-color-purple-900);--p-color-surface-inverse-grey: var(--p-color-purple-900);--p-color-surface-inverse-hover: var(--p-color-purple-800);--p-color-surface-inverse-hover-white: var(--p-color-purple-800);--p-color-surface-inverse-hover-grey: var(--p-color-purple-800);--p-color-surface-inverse-pressed: var(--p-color-purple-700);--p-color-surface-inverse-pressed-white: var(--p-color-purple-700);--p-color-surface-inverse-pressed-grey: var(--p-color-purple-700);--p-color-surface-selected: var(--p-color-purple-600);--p-color-surface-selected-white: var(--p-color-purple-600);--p-color-surface-selected-grey: var(--p-color-purple-600);--p-color-surface-selected-hover: var(--p-color-purple-700);--p-color-surface-selected-hover-white: var(--p-color-purple-700);--p-color-surface-selected-hover-grey: var(--p-color-purple-700);--p-color-surface-selected-pressed: var(--p-color-purple-800);--p-color-surface-selected-pressed-white: var(--p-color-purple-800);--p-color-surface-selected-pressed-grey: var(--p-color-purple-800);--p-color-surface-selected-active: var(--p-color-purple-800);--p-color-surface-selected-active-white: var(--p-color-purple-800);--p-color-surface-selected-active-grey: var(--p-color-purple-800);--p-color-surface-error: var(--p-color-red-200);--p-color-surface-error-white: var(--p-color-red-200);--p-color-surface-error-grey: var(--p-color-red-200);--p-color-surface-success: var(--p-color-green-200);--p-color-surface-success-white: var(--p-color-green-200);--p-color-surface-success-grey: var(--p-color-green-200);--p-color-surface-warning: var(--p-color-yellow-200);--p-color-surface-warning-white: var(--p-color-yellow-200);--p-color-surface-warning-grey: var(--p-color-yellow-200);--p-color-surface-info: var(--p-color-purple-200);--p-color-surface-info-white: var(--p-color-purple-200);--p-color-surface-info-grey: var(--p-color-purple-200);--p-color-surface-neutral: var(--p-color-grey-cold-100);--p-color-surface-neutral-white: var(--p-color-grey-cold-000);--p-color-surface-neutral-grey: var(--p-color-grey-cold-100);--p-color-surface-static: var(--p-color-grey-cold-000);--p-color-surface-static-white: var(--p-color-grey-cold-000);--p-color-surface-static-grey: var(--p-color-grey-cold-000);--p-color-stroke-strong: var(--p-color-purple-900);--p-color-stroke-strong-white: var(--p-color-purple-900);--p-color-stroke-strong-grey: var(--p-color-purple-900);--p-color-stroke-strong-hover: var(--p-color-purple-800);--p-color-stroke-strong-hover-white: var(--p-color-purple-800);--p-color-stroke-strong-hover-grey: var(--p-color-purple-800);--p-color-stroke-strong-pressed: var(--p-color-purple-700);--p-color-stroke-strong-pressed-white: var(--p-color-purple-700);--p-color-stroke-strong-pressed-grey: var(--p-color-purple-700);--p-color-stroke-0: var(--p-color-grey-cold-300);--p-color-stroke-0-white: var(--p-color-grey-cold-300);--p-color-stroke-0-grey: var(--p-color-grey-cold-400);--p-color-stroke-1: var(--p-color-grey-cold-400);--p-color-stroke-1-white: var(--p-color-grey-cold-400);--p-color-stroke-1-grey: var(--p-color-grey-cold-300);--p-color-stroke-2: var(--p-color-grey-cold-300);--p-color-stroke-2-white: var(--p-color-grey-cold-300);--p-color-stroke-2-grey: var(--p-color-grey-cold-400);--p-color-stroke-on-white: var(--p-color-grey-cold-300);--p-color-stroke-on-white-white: var(--p-color-grey-cold-300);--p-color-stroke-on-white-grey: var(--p-color-grey-cold-300);--p-color-stroke-subtle-0: var(--p-color-grey-cold-200);--p-color-stroke-subtle-0-white: var(--p-color-grey-cold-200);--p-color-stroke-subtle-0-grey: var(--p-color-grey-cold-300);--p-color-stroke-subtle-1: var(--p-color-grey-cold-300);--p-color-stroke-subtle-1-white: var(--p-color-grey-cold-300);--p-color-stroke-subtle-1-grey: var(--p-color-grey-cold-200);--p-color-stroke-subtle-2: var(--p-color-grey-cold-200);--p-color-stroke-subtle-2-white: var(--p-color-grey-cold-200);--p-color-stroke-subtle-2-grey: var(--p-color-grey-cold-300);--p-color-stroke-subtle-on-white: var(--p-color-grey-cold-200);--p-color-stroke-subtle-on-white-white: var(--p-color-grey-cold-200);--p-color-stroke-subtle-on-white-grey: var(--p-color-grey-cold-200);--p-color-stroke-on-color: var(--p-color-purple-100);--p-color-stroke-on-color-white: var(--p-color-purple-100);--p-color-stroke-on-color-grey: var(--p-color-purple-100);--p-color-stroke-interactive: var(--p-color-purple-600);--p-color-stroke-interactive-white: var(--p-color-purple-600);--p-color-stroke-interactive-grey: var(--p-color-purple-600);--p-color-stroke-interactive-hover: var(--p-color-purple-700);--p-color-stroke-interactive-hover-white: var(--p-color-purple-700);--p-color-stroke-interactive-hover-grey: var(--p-color-purple-700);--p-color-stroke-interactive-pressed: var(--p-color-purple-800);--p-color-stroke-interactive-pressed-white: var(--p-color-purple-800);--p-color-stroke-interactive-pressed-grey: var(--p-color-purple-800);--p-color-stroke-selected: var(--p-color-purple-700);--p-color-stroke-selected-white: var(--p-color-purple-700);--p-color-stroke-selected-grey: var(--p-color-purple-700);--p-color-stroke-selected-hover: var(--p-color-purple-800);--p-color-stroke-selected-hover-white: var(--p-color-purple-800);--p-color-stroke-selected-hover-grey: var(--p-color-purple-800);--p-color-stroke-selected-pressed: var(--p-color-purple-900);--p-color-stroke-selected-pressed-white: var(--p-color-purple-900);--p-color-stroke-selected-pressed-grey: var(--p-color-purple-900);--p-color-stroke-disabled: var(--p-color-grey-cold-400);--p-color-stroke-disabled-white: var(--p-color-grey-cold-400);--p-color-stroke-disabled-grey: var(--p-color-grey-cold-500);--p-color-stroke-error: var(--p-color-red-600);--p-color-stroke-error-white: var(--p-color-red-600);--p-color-stroke-error-grey: var(--p-color-red-600);--p-color-stroke-success: var(--p-color-green-600);--p-color-stroke-success-white: var(--p-color-green-600);--p-color-stroke-success-grey: var(--p-color-green-600);--p-color-stroke-warning: var(--p-color-yellow-600);--p-color-stroke-warning-white: var(--p-color-yellow-600);--p-color-stroke-warning-grey: var(--p-color-yellow-600);--p-color-monochromatic-red-1: var(--p-color-red-550);--p-color-monochromatic-red-1-white: var(--p-color-red-550);--p-color-monochromatic-red-1-grey: var(--p-color-red-550);--p-color-monochromatic-red-2: var(--p-color-red-600);--p-color-monochromatic-red-2-white: var(--p-color-red-600);--p-color-monochromatic-red-2-grey: var(--p-color-red-600);--p-color-monochromatic-red-3: var(--p-color-red-800);--p-color-monochromatic-red-3-white: var(--p-color-red-800);--p-color-monochromatic-red-3-grey: var(--p-color-red-800);--p-color-monochromatic-red-4: var(--p-color-red-900);--p-color-monochromatic-red-4-white: var(--p-color-red-900);--p-color-monochromatic-red-4-grey: var(--p-color-red-900);--p-color-monochromatic-purple-1: var(--p-color-purple-550);--p-color-monochromatic-purple-1-white: var(--p-color-purple-550);--p-color-monochromatic-purple-1-grey: var(--p-color-purple-550);--p-color-monochromatic-purple-2: var(--p-color-purple-600);--p-color-monochromatic-purple-2-white: var(--p-color-purple-600);--p-color-monochromatic-purple-2-grey: var(--p-color-purple-600);--p-color-monochromatic-purple-3: var(--p-color-purple-800);--p-color-monochromatic-purple-3-white: var(--p-color-purple-800);--p-color-monochromatic-purple-3-grey: var(--p-color-purple-800);--p-color-monochromatic-purple-4: var(--p-color-purple-900);--p-color-monochromatic-purple-4-white: var(--p-color-purple-900);--p-color-monochromatic-purple-4-grey: var(--p-color-purple-900);--p-color-categorical-1: var(--p-color-purple-800);--p-color-categorical-1-white: var(--p-color-purple-800);--p-color-categorical-1-grey: var(--p-color-purple-800);--p-color-categorical-2: var(--p-color-purple-550);--p-color-categorical-2-white: var(--p-color-purple-550);--p-color-categorical-2-grey: var(--p-color-purple-550);--p-color-categorical-3: var(--p-color-red-600);--p-color-categorical-3-white: var(--p-color-red-600);--p-color-categorical-3-grey: var(--p-color-red-600);--p-color-categorical-4: var(--p-color-purple-550);--p-color-categorical-4-white: var(--p-color-purple-550);--p-color-categorical-4-grey: var(--p-color-purple-550);--p-color-categorical-5: var(--p-color-purple-800);--p-color-categorical-5-white: var(--p-color-purple-800);--p-color-categorical-5-grey: var(--p-color-purple-800);--p-color-categorical-6: var(--p-color-grey-cold-500);--p-color-categorical-6-white: var(--p-color-grey-cold-500);--p-color-categorical-6-grey: var(--p-color-grey-cold-500);--p-color-categorical-7: var(--p-color-blue-700);--p-color-categorical-7-white: var(--p-color-blue-700);--p-color-categorical-7-grey: var(--p-color-blue-700);--p-color-categorical-8: var(--p-color-green-550);--p-color-categorical-8-white: var(--p-color-green-550);--p-color-categorical-8-grey: var(--p-color-green-550);--p-color-categorical-9: var(--p-color-purple-600);--p-color-categorical-9-white: var(--p-color-purple-600);--p-color-categorical-9-grey: var(--p-color-purple-600);--p-color-categorical-10: var(--p-color-blue-500);--p-color-categorical-10-white: var(--p-color-blue-500);--p-color-categorical-10-grey: var(--p-color-blue-500);--p-color-categorical-11: var(--p-color-green-700);--p-color-categorical-11-white: var(--p-color-green-700);--p-color-categorical-11-grey: var(--p-color-green-700);--p-color-categorical-12: var(--p-color-grey-cold-700);--p-color-categorical-12-white: var(--p-color-grey-cold-700);--p-color-categorical-12-grey: var(--p-color-grey-cold-700);--p-outline: 2px solid var(--p-color-states-focus);--p-outline-offset: 2px}@media(prefers-color-scheme:dark){[data-theme=kron]{--p-color-background: var(--p-color-grey-cold-1000);--p-color-background-white: var(--p-color-grey-cold-1000);--p-color-background-grey: var(--p-color-grey-cold-900);--p-color-background-hover: var(--p-color-grey-cold-900);--p-color-background-hover-white: var(--p-color-grey-cold-900);--p-color-background-hover-grey: var(--p-color-grey-cold-800);--p-color-background-pressed: var(--p-color-grey-cold-800);--p-color-background-pressed-white: var(--p-color-grey-cold-800);--p-color-background-pressed-grey: var(--p-color-grey-cold-700);--p-color-background-active: var(--p-color-red-400);--p-color-background-active-white: var(--p-color-red-400);--p-color-background-active-grey: var(--p-color-red-400);--p-color-background-disabled: var(--p-color-grey-cold-800);--p-color-background-disabled-white: var(--p-color-grey-cold-800);--p-color-background-disabled-grey: var(--p-color-grey-cold-700);--p-color-background-selected: var(--p-color-purple-300);--p-color-background-selected-white: var(--p-color-purple-300);--p-color-background-selected-grey: var(--p-color-purple-300);--p-color-background-selected-hover: var(--p-color-purple-200);--p-color-background-selected-hover-white: var(--p-color-purple-200);--p-color-background-selected-hover-grey: var(--p-color-purple-200);--p-color-background-selected-pressed: var(--p-color-purple-100);--p-color-background-selected-pressed-white: var(--p-color-purple-100);--p-color-background-selected-pressed-grey: var(--p-color-purple-100);--p-color-text-primary: var(--p-color-purple-100);--p-color-text-primary-white: var(--p-color-purple-100);--p-color-text-primary-grey: var(--p-color-purple-100);--p-color-text-primary-hover: var(--p-color-purple-200);--p-color-text-primary-hover-white: var(--p-color-purple-200);--p-color-text-primary-hover-grey: var(--p-color-purple-200);--p-color-text-primary-pressed: var(--p-color-purple-300);--p-color-text-primary-pressed-white: var(--p-color-purple-300);--p-color-text-primary-pressed-grey: var(--p-color-purple-300);--p-color-text-primary-active: var(--p-color-purple-300);--p-color-text-primary-active-white: var(--p-color-purple-300);--p-color-text-primary-active-grey: var(--p-color-purple-300);--p-color-text-interactive: var(--p-color-purple-200);--p-color-text-interactive-white: var(--p-color-purple-200);--p-color-text-interactive-grey: var(--p-color-purple-200);--p-color-text-interactive-hover: var(--p-color-purple-400);--p-color-text-interactive-hover-white: var(--p-color-purple-400);--p-color-text-interactive-hover-grey: var(--p-color-purple-400);--p-color-text-interactive-pressed: var(--p-color-purple-300);--p-color-text-interactive-pressed-white: var(--p-color-purple-300);--p-color-text-interactive-pressed-grey: var(--p-color-purple-300);--p-color-text-interactive-active: var(--p-color-purple-300);--p-color-text-interactive-active-white: var(--p-color-purple-300);--p-color-text-interactive-active-grey: var(--p-color-purple-300);--p-color-text-selected: var(--p-color-purple-300);--p-color-text-selected-white: var(--p-color-purple-300);--p-color-text-selected-grey: var(--p-color-purple-300);--p-color-text-selected-hover: var(--p-color-purple-200);--p-color-text-selected-hover-white: var(--p-color-purple-200);--p-color-text-selected-hover-grey: var(--p-color-purple-200);--p-color-text-selected-pressed: var(--p-color-purple-100);--p-color-text-selected-pressed-white: var(--p-color-purple-100);--p-color-text-selected-pressed-grey: var(--p-color-purple-100);--p-color-text-secondary: var(--p-color-grey-cold-300);--p-color-text-secondary-white: var(--p-color-grey-cold-300);--p-color-text-secondary-grey: var(--p-color-grey-cold-300);--p-color-text-placeholder: var(--p-color-grey-cold-400);--p-color-text-placeholder-white: var(--p-color-grey-cold-400);--p-color-text-placeholder-grey: var(--p-color-grey-cold-400);--p-color-text-on-color: var(--p-color-purple-900);--p-color-text-on-color-white: var(--p-color-purple-900);--p-color-text-on-color-grey: var(--p-color-purple-900);--p-color-text-disabled: var(--p-color-grey-cold-700);--p-color-text-disabled-white: var(--p-color-grey-cold-700);--p-color-text-disabled-grey: var(--p-color-grey-cold-700);--p-color-text-info: var(--p-color-blue-400);--p-color-text-info-white: var(--p-color-blue-400);--p-color-text-info-grey: var(--p-color-blue-400);--p-color-text-success: var(--p-color-green-400);--p-color-text-success-white: var(--p-color-green-400);--p-color-text-success-grey: var(--p-color-green-400);--p-color-text-warning: var(--p-color-yellow-400);--p-color-text-warning-white: var(--p-color-yellow-400);--p-color-text-warning-grey: var(--p-color-yellow-400);--p-color-text-error: var(--p-color-red-400);--p-color-text-error-white: var(--p-color-red-400);--p-color-text-error-grey: var(--p-color-red-400);--p-color-text-alert: var(--p-color-grey-cold-100);--p-color-text-alert-white: var(--p-color-grey-cold-100);--p-color-text-alert-grey: var(--p-color-grey-cold-100);--p-color-text-on-brand: var(--p-color-purple-900);--p-color-text-on-brand-white: var(--p-color-purple-900);--p-color-text-on-brand-grey: var(--p-color-purple-900);--p-color-text-on-error: var(--p-color-red-200);--p-color-text-on-info: var(--p-color-blue-200);--p-color-text-on-warning: var(--p-color-yellow-100);--p-color-text-on-success: var(--p-color-green-100);--p-color-icon-primary: var(--p-color-purple-100);--p-color-icon-primary-white: var(--p-color-purple-100);--p-color-icon-primary-grey: var(--p-color-purple-100);--p-color-icon-primary-hover: var(--p-color-purple-200);--p-color-icon-primary-hover-white: var(--p-color-purple-200);--p-color-icon-primary-hover-grey: var(--p-color-purple-200);--p-color-icon-primary-active: var(--p-color-purple-300);--p-color-icon-primary-active-white: var(--p-color-purple-300);--p-color-icon-primary-active-grey: var(--p-color-purple-300);--p-color-icon-primary-pressed: var(--p-color-purple-300);--p-color-icon-primary-pressed-white: var(--p-color-purple-300);--p-color-icon-primary-pressed-grey: var(--p-color-purple-300);--p-color-icon-interactive: var(--p-color-purple-200);--p-color-icon-interactive-white: var(--p-color-purple-200);--p-color-icon-interactive-grey: var(--p-color-purple-200);--p-color-icon-interactive-hover: var(--p-color-purple-400);--p-color-icon-interactive-hover-white: var(--p-color-purple-400);--p-color-icon-interactive-hover-grey: var(--p-color-purple-400);--p-color-icon-interactive-pressed: var(--p-color-purple-300);--p-color-icon-interactive-pressed-white: var(--p-color-purple-300);--p-color-icon-interactive-pressed-grey: var(--p-color-purple-300);--p-color-icon-interactive-active: var(--p-color-purple-300);--p-color-icon-interactive-active-white: var(--p-color-purple-300);--p-color-icon-interactive-active-grey: var(--p-color-purple-300);--p-color-icon-on-color: var(--p-color-purple-900);--p-color-icon-on-color-white: var(--p-color-purple-900);--p-color-icon-on-color-grey: var(--p-color-purple-900);--p-color-icon-disabled: var(--p-color-grey-cold-700);--p-color-icon-disabled-white: var(--p-color-grey-cold-700);--p-color-icon-disabled-grey: var(--p-color-grey-cold-700);--p-color-icon-error: var(--p-color-red-400);--p-color-icon-error-white: var(--p-color-red-400);--p-color-icon-error-grey: var(--p-color-red-400);--p-color-icon-success: var(--p-color-green-400);--p-color-icon-success-white: var(--p-color-green-400);--p-color-icon-success-grey: var(--p-color-green-400);--p-color-icon-warning: var(--p-color-yellow-400);--p-color-icon-warning-white: var(--p-color-yellow-400);--p-color-icon-warning-grey: var(--p-color-yellow-400);--p-color-icon-info: var(--p-color-purple-400);--p-color-icon-info-white: var(--p-color-purple-400);--p-color-icon-info-grey: var(--p-color-purple-400);--p-color-icon-neutral: var(--p-color-grey-cold-100);--p-color-icon-neutral-white: var(--p-color-grey-cold-100);--p-color-icon-neutral-grey: var(--p-color-grey-cold-100);--p-color-icon-on-brand: var(--p-color-purple-900);--p-color-icon-on-brand-white: var(--p-color-purple-900);--p-color-icon-on-brand-grey: var(--p-color-purple-900);--p-color-icon-on-error: var(--p-color-red-200);--p-color-icon-on-info: var(--p-color-purple-100);--p-color-icon-on-warning: var(--p-color-yellow-100);--p-color-icon-on-success: var(--p-color-green-100);--p-color-button-brand-fill: var(--p-color-purple-400);--p-color-button-brand-fill-white: var(--p-color-purple-400);--p-color-button-brand-fill-grey: var(--p-color-purple-400);--p-color-button-brand-fill-hover: var(--p-color-purple-300);--p-color-button-brand-fill-hover-white: var(--p-color-purple-300);--p-color-button-brand-fill-hover-grey: var(--p-color-purple-300);--p-color-button-brand-fill-pressed: var(--p-color-purple-200);--p-color-button-brand-fill-pressed-white: var(--p-color-purple-200);--p-color-button-brand-fill-pressed-grey: var(--p-color-purple-200);--p-color-button-brand-fill-active: var(--p-color-purple-200);--p-color-button-brand-fill-active-white: var(--p-color-purple-200);--p-color-button-brand-fill-active-grey: var(--p-color-purple-200);--p-color-button-action-fill: var(--p-color-purple-200);--p-color-button-action-fill-white: var(--p-color-purple-200);--p-color-button-action-fill-grey: var(--p-color-purple-200);--p-color-button-action-fill-hover: var(--p-color-purple-400);--p-color-button-action-fill-hover-white: var(--p-color-purple-400);--p-color-button-action-fill-hover-grey: var(--p-color-purple-400);--p-color-button-action-fill-pressed: var(--p-color-purple-300);--p-color-button-action-fill-pressed-white: var(--p-color-purple-300);--p-color-button-action-fill-pressed-grey: var(--p-color-purple-300);--p-color-button-action-fill-active: var(--p-color-purple-300);--p-color-button-action-fill-active-white: var(--p-color-purple-300);--p-color-button-action-fill-active-grey: var(--p-color-purple-300);--p-color-button-disabled: var(--p-color-grey-cold-500);--p-color-button-disabled-white: var(--p-color-grey-cold-500);--p-color-button-disabled-grey: var(--p-color-grey-cold-600);--p-color-graphics-illustration-primary: var(--p-color-red-400);--p-color-graphics-illustration-primary-white: var(--p-color-red-400);--p-color-graphics-illustration-primary-grey: var(--p-color-red-400);--p-color-graphics-illustration-detail: var(--p-color-logo-red);--p-color-graphics-illustration-detail-white: var(--p-color-logo-red);--p-color-graphics-illustration-detail-grey: var(--p-color-logo-red);--p-color-graphics-illustration-base: var(--p-color-purple-100);--p-color-graphics-illustration-base-white: var(--p-color-purple-100);--p-color-graphics-illustration-base-grey: var(--p-color-purple-100);--p-color-graphics-illustration-white: var(--p-color-grey-cold-1000);--p-color-graphics-illustration-white-white: var(--p-color-grey-cold-1000);--p-color-graphics-illustration-white-grey: var(--p-color-grey-cold-1000);--p-color-graphics-storebrand-icon-detail: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-white: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-grey: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-outline: var(--p-color-red-200);--p-color-graphics-storebrand-icon-outline-white: var(--p-color-red-200);--p-color-graphics-storebrand-icon-outline-grey: var(--p-color-red-200);--p-color-static-brand-foreground: var(--p-color-purple-400);--p-color-static-brand-foreground-white: var(--p-color-purple-400);--p-color-static-brand-foreground-grey: var(--p-color-purple-400);--p-color-static-brand-background: var(--p-color-purple-800);--p-color-static-brand-background-white: var(--p-color-purple-800);--p-color-static-brand-background-grey: var(--p-color-purple-800);--p-color-static-orange-foreground: var(--p-color-orange-400);--p-color-static-orange-foreground-white: var(--p-color-orange-400);--p-color-static-orange-foreground-grey: var(--p-color-orange-400);--p-color-static-orange-background: var(--p-color-orange-800);--p-color-static-orange-background-white: var(--p-color-orange-800);--p-color-static-orange-background-grey: var(--p-color-orange-700);--p-color-static-purple-foreground: var(--p-color-purple-400);--p-color-static-purple-foreground-white: var(--p-color-purple-400);--p-color-static-purple-foreground-grey: var(--p-color-purple-400);--p-color-static-purple-background: var(--p-color-purple-800);--p-color-static-purple-background-white: var(--p-color-purple-800);--p-color-static-purple-background-grey: var(--p-color-purple-700);--p-color-static-red-foreground: var(--p-color-red-400);--p-color-static-red-foreground-white: var(--p-color-red-400);--p-color-static-red-foreground-grey: var(--p-color-red-400);--p-color-static-red-background: var(--p-color-red-800);--p-color-static-red-background-white: var(--p-color-red-800);--p-color-static-red-background-grey: var(--p-color-red-800);--p-color-static-grey-foreground: var(--p-color-grey-cold-400);--p-color-static-grey-foreground-white: var(--p-color-grey-cold-400);--p-color-static-grey-foreground-grey: var(--p-color-grey-cold-400);--p-color-static-grey-background: var(--p-color-grey-cold-800);--p-color-static-grey-background-white: var(--p-color-grey-cold-800);--p-color-static-grey-background-grey: var(--p-color-grey-cold-700);--p-color-static-risk-filled: var(--p-color-purple-400);--p-color-static-risk-filled-white: var(--p-color-purple-400);--p-color-static-risk-filled-grey: var(--p-color-purple-400);--p-color-static-risk-unfilled: var(--p-color-purple-600);--p-color-static-risk-unfilled-white: var(--p-color-purple-600);--p-color-static-risk-unfilled-grey: var(--p-color-purple-600);--p-color-static-sustainability-filled: var(--p-color-green-300);--p-color-static-sustainability-filled-white: var(--p-color-green-300);--p-color-static-sustainability-filled-grey: var(--p-color-green-300);--p-color-static-sustainability-unfilled: var(--p-color-grey-cold-800);--p-color-static-sustainability-unfilled-white: var( --p-color-grey-cold-800 );--p-color-static-sustainability-unfilled-grey: var(--p-color-grey-cold-800);--p-color-states-focus: var(--p-color-focus-1);--p-color-states-focus-white: var(--p-color-focus-1);--p-color-states-focus-grey: var(--p-color-focus-1);--p-color-states-scrim: var(--p-color-scrim-1);--p-color-states-scrim-white: var(--p-color-scrim-1);--p-color-states-scrim-grey: var(--p-color-scrim-1);--p-color-states-toggle-off: var(--p-color-grey-cold-800);--p-color-states-toggle-off-white: var(--p-color-grey-cold-800);--p-color-states-toggle-off-grey: var(--p-color-grey-cold-500);--p-color-states-toggle-off-hover: var(--p-color-grey-cold-700);--p-color-states-toggle-off-hover-white: var(--p-color-grey-cold-700);--p-color-states-toggle-off-hover-grey: var(--p-color-grey-cold-600);--p-color-surface-1: var(--p-color-grey-cold-900);--p-color-surface-1-white: var(--p-color-grey-cold-900);--p-color-surface-1-grey: var(--p-color-grey-cold-1000);--p-color-surface-2: var(--p-color-grey-cold-1000);--p-color-surface-2-white: var(--p-color-grey-cold-1000);--p-color-surface-2-grey: var(--p-color-grey-cold-900);--p-color-surface-1-hover: var(--p-color-grey-cold-800);--p-color-surface-1-hover-white: var(--p-color-grey-cold-800);--p-color-surface-1-hover-grey: var(--p-color-grey-cold-800);--p-color-surface-2-hover: var(--p-color-grey-cold-800);--p-color-surface-2-hover-white: var(--p-color-grey-cold-800);--p-color-surface-2-hover-grey: var(--p-color-grey-cold-800);--p-color-surface-inverse: var(--p-color-purple-100);--p-color-surface-inverse-white: var(--p-color-purple-100);--p-color-surface-inverse-grey: var(--p-color-purple-100);--p-color-surface-inverse-hover: var(--p-color-purple-200);--p-color-surface-inverse-hover-white: var(--p-color-purple-200);--p-color-surface-inverse-hover-grey: var(--p-color-purple-200);--p-color-surface-inverse-pressed: var(--p-color-purple-300);--p-color-surface-inverse-pressed-white: var(--p-color-purple-300);--p-color-surface-inverse-pressed-grey: var(--p-color-purple-300);--p-color-surface-selected: var(--p-color-purple-400);--p-color-surface-selected-white: var(--p-color-purple-400);--p-color-surface-selected-grey: var(--p-color-purple-400);--p-color-surface-selected-hover: var(--p-color-purple-300);--p-color-surface-selected-hover-white: var(--p-color-purple-300);--p-color-surface-selected-hover-grey: var(--p-color-purple-300);--p-color-surface-selected-pressed: var(--p-color-purple-200);--p-color-surface-selected-pressed-white: var(--p-color-purple-200);--p-color-surface-selected-pressed-grey: var(--p-color-purple-200);--p-color-surface-selected-active: var(--p-color-purple-200);--p-color-surface-selected-active-white: var(--p-color-purple-200);--p-color-surface-selected-active-grey: var(--p-color-purple-200);--p-color-surface-error: var(--p-color-red-800);--p-color-surface-error-white: var(--p-color-red-800);--p-color-surface-error-grey: var(--p-color-red-800);--p-color-surface-success: var(--p-color-green-800);--p-color-surface-success-white: var(--p-color-green-800);--p-color-surface-success-grey: var(--p-color-green-800);--p-color-surface-warning: var(--p-color-yellow-800);--p-color-surface-warning-white: var(--p-color-yellow-800);--p-color-surface-warning-grey: var(--p-color-yellow-800);--p-color-surface-info: var(--p-color-blue-pale-800);--p-color-surface-info-white: var(--p-color-blue-pale-800);--p-color-surface-info-grey: var(--p-color-blue-pale-800);--p-color-surface-neutral: var(--p-color-grey-cold-900);--p-color-surface-neutral-white: var(--p-color-grey-cold-1000);--p-color-surface-neutral-grey: var(--p-color-grey-cold-900);--p-color-surface-static: var(--p-color-grey-cold-1000);--p-color-surface-static-white: var(--p-color-grey-cold-1000);--p-color-surface-static-grey: var(--p-color-grey-cold-1000);--p-color-stroke-strong: var(--p-color-purple-100);--p-color-stroke-strong-white: var(--p-color-purple-100);--p-color-stroke-strong-grey: var(--p-color-purple-100);--p-color-stroke-strong-hover: var(--p-color-purple-200);--p-color-stroke-strong-hover-white: var(--p-color-purple-200);--p-color-stroke-strong-hover-grey: var(--p-color-purple-200);--p-color-stroke-strong-pressed: var(--p-color-purple-300);--p-color-stroke-strong-pressed-white: var(--p-color-purple-300);--p-color-stroke-strong-pressed-grey: var(--p-color-purple-300);--p-color-stroke-0: var(--p-color-grey-cold-700);--p-color-stroke-0-white: var(--p-color-grey-cold-700);--p-color-stroke-0-grey: var(--p-color-grey-cold-600);--p-color-stroke-1: var(--p-color-grey-cold-600);--p-color-stroke-1-white: var(--p-color-grey-cold-600);--p-color-stroke-1-grey: var(--p-color-grey-cold-700);--p-color-stroke-2: var(--p-color-grey-cold-700);--p-color-stroke-2-white: var(--p-color-grey-cold-700);--p-color-stroke-2-grey: var(--p-color-grey-cold-600);--p-color-stroke-on-white: var(--p-color-grey-cold-700);--p-color-stroke-on-white-white: var(--p-color-grey-cold-700);--p-color-stroke-on-white-grey: var(--p-color-grey-cold-700);--p-color-stroke-subtle-0: var(--p-color-grey-cold-800);--p-color-stroke-subtle-0-white: var(--p-color-grey-cold-800);--p-color-stroke-subtle-0-grey: var(--p-color-grey-cold-700);--p-color-stroke-subtle-1: var(--p-color-grey-cold-700);--p-color-stroke-subtle-1-white: var(--p-color-grey-cold-700);--p-color-stroke-subtle-1-grey: var(--p-color-grey-cold-800);--p-color-stroke-subtle-2: var(--p-color-grey-cold-800);--p-color-stroke-subtle-2-white: var(--p-color-grey-cold-800);--p-color-stroke-subtle-2-grey: var(--p-color-grey-cold-700);--p-color-stroke-subtle-on-white: var(--p-color-grey-cold-800);--p-color-stroke-subtle-on-white-white: var(--p-color-grey-cold-800);--p-color-stroke-subtle-on-white-grey: var(--p-color-grey-cold-800);--p-color-stroke-on-color: var(--p-color-purple-900);--p-color-stroke-on-color-white: var(--p-color-purple-900);--p-color-stroke-on-color-grey: var(--p-color-purple-900);--p-color-stroke-interactive: var(--p-color-purple-400);--p-color-stroke-interactive-white: var(--p-color-purple-400);--p-color-stroke-interactive-grey: var(--p-color-purple-400);--p-color-stroke-interactive-hover: var(--p-color-purple-300);--p-color-stroke-interactive-hover-white: var(--p-color-purple-300);--p-color-stroke-interactive-hover-grey: var(--p-color-purple-300);--p-color-stroke-interactive-pressed: var(--p-color-purple-200);--p-color-stroke-interactive-pressed-white: var(--p-color-purple-200);--p-color-stroke-interactive-pressed-grey: var(--p-color-purple-200);--p-color-stroke-selected: var(--p-color-purple-300);--p-color-stroke-selected-white: var(--p-color-purple-300);--p-color-stroke-selected-grey: var(--p-color-purple-300);--p-color-stroke-selected-hover: var(--p-color-purple-200);--p-color-stroke-selected-hover-white: var(--p-color-purple-200);--p-color-stroke-selected-hover-grey: var(--p-color-purple-200);--p-color-stroke-selected-pressed: var(--p-color-purple-100);--p-color-stroke-selected-pressed-white: var(--p-color-purple-100);--p-color-stroke-selected-pressed-grey: var(--p-color-purple-100);--p-color-stroke-disabled: var(--p-color-grey-cold-600);--p-color-stroke-disabled-white: var(--p-color-grey-cold-600);--p-color-stroke-disabled-grey: var(--p-color-grey-cold-500);--p-color-stroke-error: var(--p-color-red-400);--p-color-stroke-error-white: var(--p-color-red-400);--p-color-stroke-error-grey: var(--p-color-red-400);--p-color-stroke-success: var(--p-color-green-400);--p-color-stroke-success-white: var(--p-color-green-400);--p-color-stroke-success-grey: var(--p-color-green-400);--p-color-stroke-warning: var(--p-color-yellow-400);--p-color-stroke-warning-white: var(--p-color-yellow-400);--p-color-stroke-warning-grey: var(--p-color-yellow-400);--p-color-monochromatic-red-1: var(--p-color-red-550);--p-color-monochromatic-red-1-white: var(--p-color-red-550);--p-color-monochromatic-red-1-grey: var(--p-color-red-550);--p-color-monochromatic-red-2: var(--p-color-red-400);--p-color-monochromatic-red-2-white: var(--p-color-red-400);--p-color-monochromatic-red-2-grey: var(--p-color-red-400);--p-color-monochromatic-red-3: var(--p-color-red-300);--p-color-monochromatic-red-3-white: var(--p-color-red-300);--p-color-monochromatic-red-3-grey: var(--p-color-red-300);--p-color-monochromatic-red-4: var(--p-color-red-200);--p-color-monochromatic-red-4-white: var(--p-color-red-200);--p-color-monochromatic-red-4-grey: var(--p-color-red-200);--p-color-monochromatic-purple-1: var(--p-color-purple-550);--p-color-monochromatic-purple-1-white: var(--p-color-purple-550);--p-color-monochromatic-purple-1-grey: var(--p-color-purple-550);--p-color-monochromatic-purple-2: var(--p-color-purple-400);--p-color-monochromatic-purple-2-white: var(--p-color-purple-400);--p-color-monochromatic-purple-2-grey: var(--p-color-purple-400);--p-color-monochromatic-purple-3: var(--p-color-purple-300);--p-color-monochromatic-purple-3-white: var(--p-color-purple-300);--p-color-monochromatic-purple-3-grey: var(--p-color-purple-300);--p-color-monochromatic-purple-4: var(--p-color-purple-200);--p-color-monochromatic-purple-4-white: var(--p-color-purple-200);--p-color-monochromatic-purple-4-grey: var(--p-color-purple-200);--p-color-categorical-1: var(--p-color-purple-800);--p-color-categorical-1-white: var(--p-color-purple-800);--p-color-categorical-1-grey: var(--p-color-purple-800);--p-color-categorical-2: var(--p-color-purple-600);--p-color-categorical-2-white: var(--p-color-purple-600);--p-color-categorical-2-grey: var(--p-color-purple-600);--p-color-categorical-3: var(--p-color-red-600);--p-color-categorical-3-white: var(--p-color-red-600);--p-color-categorical-3-grey: var(--p-color-red-600);--p-color-categorical-4: var(--p-color-purple-550);--p-color-categorical-4-white: var(--p-color-purple-550);--p-color-categorical-4-grey: var(--p-color-purple-550);--p-color-categorical-5: var(--p-color-purple-400);--p-color-categorical-5-white: var(--p-color-purple-400);--p-color-categorical-5-grey: var(--p-color-purple-400);--p-color-categorical-6: var(--p-color-grey-cold-500);--p-color-categorical-6-white: var(--p-color-grey-cold-500);--p-color-categorical-6-grey: var(--p-color-grey-cold-500);--p-color-categorical-7: var(--p-color-blue-300);--p-color-categorical-7-white: var(--p-color-blue-300);--p-color-categorical-7-grey: var(--p-color-blue-300);--p-color-categorical-8: var(--p-color-green-550);--p-color-categorical-8-white: var(--p-color-green-550);--p-color-categorical-8-grey: var(--p-color-green-550);--p-color-categorical-9: var(--p-color-purple-600);--p-color-categorical-9-white: var(--p-color-purple-600);--p-color-categorical-9-grey: var(--p-color-purple-600);--p-color-categorical-10: var(--p-color-blue-500);--p-color-categorical-10-white: var(--p-color-blue-500);--p-color-categorical-10-grey: var(--p-color-blue-500);--p-color-categorical-11: var(--p-color-green-700);--p-color-categorical-11-white: var(--p-color-green-700);--p-color-categorical-11-grey: var(--p-color-green-700);--p-color-categorical-12: var(--p-color-grey-cold-700);--p-color-categorical-12-white: var(--p-color-grey-cold-700);--p-color-categorical-12-grey: var(--p-color-grey-cold-700);--p-outline: 2px solid var(--p-color-states-focus);--p-outline-offset: 2px}}[data-theme=kron-light]{--p-color-background: var(--p-color-grey-cold-000);--p-color-background-white: var(--p-color-grey-cold-000);--p-color-background-grey: var(--p-color-grey-cold-100);--p-color-background-hover: var(--p-color-grey-cold-100);--p-color-background-hover-white: var(--p-color-grey-cold-100);--p-color-background-hover-grey: var(--p-color-grey-cold-200);--p-color-background-pressed: var(--p-color-grey-cold-200);--p-color-background-pressed-white: var(--p-color-grey-cold-200);--p-color-background-pressed-grey: var(--p-color-grey-cold-300);--p-color-background-active: var(--p-color-red-600);--p-color-background-active-white: var(--p-color-red-600);--p-color-background-active-grey: var(--p-color-red-600);--p-color-background-disabled: var(--p-color-grey-cold-200);--p-color-background-disabled-white: var(--p-color-grey-cold-200);--p-color-background-disabled-grey: var(--p-color-grey-cold-300);--p-color-background-selected: var(--p-color-purple-700);--p-color-background-selected-white: var(--p-color-purple-700);--p-color-background-selected-grey: var(--p-color-purple-700);--p-color-background-selected-hover: var(--p-color-purple-800);--p-color-background-selected-hover-white: var(--p-color-purple-800);--p-color-background-selected-hover-grey: var(--p-color-purple-800);--p-color-background-selected-pressed: var(--p-color-purple-900);--p-color-background-selected-pressed-white: var(--p-color-purple-900);--p-color-background-selected-pressed-grey: var(--p-color-purple-900);--p-color-text-primary: var(--p-color-purple-900);--p-color-text-primary-white: var(--p-color-purple-900);--p-color-text-primary-grey: var(--p-color-purple-900);--p-color-text-primary-hover: var(--p-color-purple-800);--p-color-text-primary-hover-white: var(--p-color-purple-800);--p-color-text-primary-hover-grey: var(--p-color-purple-800);--p-color-text-primary-pressed: var(--p-color-purple-700);--p-color-text-primary-pressed-white: var(--p-color-purple-700);--p-color-text-primary-pressed-grey: var(--p-color-purple-700);--p-color-text-primary-active: var(--p-color-purple-700);--p-color-text-primary-active-white: var(--p-color-purple-700);--p-color-text-primary-active-grey: var(--p-color-purple-700);--p-color-text-interactive: var(--p-color-purple-800);--p-color-text-interactive-white: var(--p-color-purple-800);--p-color-text-interactive-grey: var(--p-color-purple-800);--p-color-text-interactive-hover: var(--p-color-purple-600);--p-color-text-interactive-hover-white: var(--p-color-purple-600);--p-color-text-interactive-hover-grey: var(--p-color-purple-600);--p-color-text-interactive-pressed: var(--p-color-purple-700);--p-color-text-interactive-pressed-white: var(--p-color-purple-700);--p-color-text-interactive-pressed-grey: var(--p-color-purple-700);--p-color-text-interactive-active: var(--p-color-purple-700);--p-color-text-interactive-active-white: var(--p-color-purple-700);--p-color-text-interactive-active-grey: var(--p-color-purple-700);--p-color-text-selected: var(--p-color-purple-700);--p-color-text-selected-white: var(--p-color-purple-700);--p-color-text-selected-grey: var(--p-color-purple-700);--p-color-text-selected-hover: var(--p-color-purple-800);--p-color-text-selected-hover-white: var(--p-color-purple-800);--p-color-text-selected-hover-grey: var(--p-color-purple-800);--p-color-text-selected-pressed: var(--p-color-purple-900);--p-color-text-selected-pressed-white: var(--p-color-purple-900);--p-color-text-selected-pressed-grey: var(--p-color-purple-900);--p-color-text-secondary: var(--p-color-grey-cold-700);--p-color-text-secondary-white: var(--p-color-grey-cold-700);--p-color-text-secondary-grey: var(--p-color-grey-cold-700);--p-color-text-placeholder: var(--p-color-grey-cold-600);--p-color-text-placeholder-white: var(--p-color-grey-cold-600);--p-color-text-placeholder-grey: var(--p-color-grey-cold-600);--p-color-text-on-color: var(--p-color-purple-100);--p-color-text-on-color-white: var(--p-color-purple-100);--p-color-text-on-color-grey: var(--p-color-purple-100);--p-color-text-disabled: var(--p-color-grey-cold-500);--p-color-text-disabled-white: var(--p-color-grey-cold-500);--p-color-text-disabled-grey: var(--p-color-grey-cold-500);--p-color-text-info: var(--p-color-blue-600);--p-color-text-info-white: var(--p-color-blue-600);--p-color-text-info-grey: var(--p-color-blue-600);--p-color-text-success: var(--p-color-green-600);--p-color-text-success-white: var(--p-color-green-600);--p-color-text-success-grey: var(--p-color-green-600);--p-color-text-warning: var(--p-color-yellow-600);--p-color-text-warning-white: var(--p-color-yellow-600);--p-color-text-warning-grey: var(--p-color-yellow-600);--p-color-text-error: var(--p-color-red-600);--p-color-text-error-white: var(--p-color-red-600);--p-color-text-error-grey: var(--p-color-red-600);--p-color-text-alert: var(--p-color-grey-cold-900);--p-color-text-alert-white: var(--p-color-grey-cold-900);--p-color-text-alert-grey: var(--p-color-grey-cold-900);--p-color-text-on-brand: var(--p-color-purple-100);--p-color-text-on-brand-white: var(--p-color-purple-100);--p-color-text-on-brand-grey: var(--p-color-purple-100);--p-color-text-on-error: var(--p-color-red-800);--p-color-text-on-info: var(--p-color-purple-900);--p-color-text-on-warning: var(--p-color-yellow-900);--p-color-text-on-success: var(--p-color-green-900);--p-color-icon-primary: var(--p-color-purple-900);--p-color-icon-primary-white: var(--p-color-purple-900);--p-color-icon-primary-grey: var(--p-color-purple-900);--p-color-icon-primary-hover: var(--p-color-purple-800);--p-color-icon-primary-hover-white: var(--p-color-purple-800);--p-color-icon-primary-hover-grey: var(--p-color-purple-800);--p-color-icon-primary-active: var(--p-color-purple-700);--p-color-icon-primary-active-white: var(--p-color-purple-700);--p-color-icon-primary-active-grey: var(--p-color-purple-700);--p-color-icon-primary-pressed: var(--p-color-purple-700);--p-color-icon-primary-pressed-white: var(--p-color-purple-700);--p-color-icon-primary-pressed-grey: var(--p-color-purple-700);--p-color-icon-interactive: var(--p-color-purple-800);--p-color-icon-interactive-white: var(--p-color-purple-800);--p-color-icon-interactive-grey: var(--p-color-purple-800);--p-color-icon-interactive-hover: var(--p-color-purple-600);--p-color-icon-interactive-hover-white: var(--p-color-purple-600);--p-color-icon-interactive-hover-grey: var(--p-color-purple-600);--p-color-icon-interactive-pressed: var(--p-color-purple-700);--p-color-icon-interactive-pressed-white: var(--p-color-purple-700);--p-color-icon-interactive-pressed-grey: var(--p-color-purple-700);--p-color-icon-interactive-active: var(--p-color-purple-700);--p-color-icon-interactive-active-white: var(--p-color-purple-700);--p-color-icon-interactive-active-grey: var(--p-color-purple-700);--p-color-icon-on-color: var(--p-color-purple-100);--p-color-icon-on-color-white: var(--p-color-purple-100);--p-color-icon-on-color-grey: var(--p-color-purple-100);--p-color-icon-disabled: var(--p-color-grey-cold-500);--p-color-icon-disabled-white: var(--p-color-grey-cold-500);--p-color-icon-disabled-grey: var(--p-color-grey-cold-500);--p-color-icon-error: var(--p-color-red-600);--p-color-icon-error-white: var(--p-color-red-600);--p-color-icon-error-grey: var(--p-color-red-600);--p-color-icon-success: var(--p-color-green-600);--p-color-icon-success-white: var(--p-color-green-600);--p-color-icon-success-grey: var(--p-color-green-600);--p-color-icon-warning: var(--p-color-yellow-600);--p-color-icon-warning-white: var(--p-color-yellow-600);--p-color-icon-warning-grey: var(--p-color-yellow-600);--p-color-icon-info: var(--p-color-purple-600);--p-color-icon-info-white: var(--p-color-purple-600);--p-color-icon-info-grey: var(--p-color-purple-600);--p-color-icon-neutral: var(--p-color-grey-cold-900);--p-color-icon-neutral-white: var(--p-color-grey-cold-900);--p-color-icon-neutral-grey: var(--p-color-grey-cold-900);--p-color-icon-on-brand: var(--p-color-purple-100);--p-color-icon-on-brand-white: var(--p-color-purple-100);--p-color-icon-on-brand-grey: var(--p-color-purple-100);--p-color-icon-on-error: var(--p-color-red-800);--p-color-icon-on-info: var(--p-color-purple-900);--p-color-icon-on-warning: var(--p-color-yellow-900);--p-color-icon-on-success: var(--p-color-green-900);--p-color-button-brand-fill: var(--p-color-purple-900);--p-color-button-brand-fill-white: var(--p-color-purple-900);--p-color-button-brand-fill-grey: var(--p-color-purple-900);--p-color-button-brand-fill-hover: var(--p-color-purple-800);--p-color-button-brand-fill-hover-white: var(--p-color-purple-800);--p-color-button-brand-fill-hover-grey: var(--p-color-purple-800);--p-color-button-brand-fill-pressed: var(--p-color-purple-800);--p-color-button-brand-fill-pressed-white: var(--p-color-purple-800);--p-color-button-brand-fill-pressed-grey: var(--p-color-purple-800);--p-color-button-brand-fill-active: var(--p-color-purple-800);--p-color-button-brand-fill-active-white: var(--p-color-purple-800);--p-color-button-brand-fill-active-grey: var(--p-color-purple-800);--p-color-button-action-fill: var(--p-color-purple-800);--p-color-button-action-fill-white: var(--p-color-purple-800);--p-color-button-action-fill-grey: var(--p-color-purple-800);--p-color-button-action-fill-hover: var(--p-color-purple-600);--p-color-button-action-fill-hover-white: var(--p-color-purple-600);--p-color-button-action-fill-hover-grey: var(--p-color-purple-600);--p-color-button-action-fill-pressed: var(--p-color-purple-700);--p-color-button-action-fill-pressed-white: var(--p-color-purple-700);--p-color-button-action-fill-pressed-grey: var(--p-color-purple-700);--p-color-button-action-fill-active: var(--p-color-purple-700);--p-color-button-action-fill-active-white: var(--p-color-purple-700);--p-color-button-action-fill-active-grey: var(--p-color-purple-700);--p-color-button-disabled: var(--p-color-grey-cold-200);--p-color-button-disabled-white: var(--p-color-grey-cold-200);--p-color-button-disabled-grey: var(--p-color-grey-cold-300);--p-color-graphics-illustration-primary: var(--p-color-red-600);--p-color-graphics-illustration-primary-white: var(--p-color-red-600);--p-color-graphics-illustration-primary-grey: var(--p-color-red-600);--p-color-graphics-illustration-detail: var(--p-color-logo-red);--p-color-graphics-illustration-detail-white: var(--p-color-logo-red);--p-color-graphics-illustration-detail-grey: var(--p-color-logo-red);--p-color-graphics-illustration-base: var(--p-color-purple-900);--p-color-graphics-illustration-base-white: var(--p-color-purple-900);--p-color-graphics-illustration-base-grey: var(--p-color-purple-900);--p-color-graphics-illustration-white: var(--p-color-grey-cold-000);--p-color-graphics-illustration-white-white: var(--p-color-grey-cold-000);--p-color-graphics-illustration-white-grey: var(--p-color-grey-cold-000);--p-color-graphics-storebrand-icon-detail: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-white: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-grey: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-outline: var(--p-color-red-800);--p-color-graphics-storebrand-icon-outline-white: var(--p-color-red-800);--p-color-graphics-storebrand-icon-outline-grey: var(--p-color-red-800);--p-color-static-brand-foreground: var(--p-color-purple-600);--p-color-static-brand-foreground-white: var(--p-color-purple-600);--p-color-static-brand-foreground-grey: var(--p-color-purple-600);--p-color-static-brand-background: var(--p-color-purple-200);--p-color-static-brand-background-white: var(--p-color-purple-200);--p-color-static-brand-background-grey: var(--p-color-purple-200);--p-color-static-orange-foreground: var(--p-color-orange-600);--p-color-static-orange-foreground-white: var(--p-color-orange-600);--p-color-static-orange-foreground-grey: var(--p-color-orange-600);--p-color-static-orange-background: var(--p-color-orange-200);--p-color-static-orange-background-white: var(--p-color-orange-200);--p-color-static-orange-background-grey: var(--p-color-orange-300);--p-color-static-purple-foreground: var(--p-color-purple-600);--p-color-static-purple-foreground-white: var(--p-color-purple-600);--p-color-static-purple-foreground-grey: var(--p-color-purple-600);--p-color-static-purple-background: var(--p-color-purple-200);--p-color-static-purple-background-white: var(--p-color-purple-200);--p-color-static-purple-background-grey: var(--p-color-purple-300);--p-color-static-red-foreground: var(--p-color-red-600);--p-color-static-red-foreground-white: var(--p-color-red-600);--p-color-static-red-foreground-grey: var(--p-color-red-600);--p-color-static-red-background: var(--p-color-red-200);--p-color-static-red-background-white: var(--p-color-red-200);--p-color-static-red-background-grey: var(--p-color-red-200);--p-color-static-grey-foreground: var(--p-color-grey-cold-600);--p-color-static-grey-foreground-white: var(--p-color-grey-cold-600);--p-color-static-grey-foreground-grey: var(--p-color-grey-cold-600);--p-color-static-grey-background: var(--p-color-grey-cold-200);--p-color-static-grey-background-white: var(--p-color-grey-cold-200);--p-color-static-grey-background-grey: var(--p-color-grey-cold-300);--p-color-static-risk-filled: var(--p-color-purple-800);--p-color-static-risk-filled-white: var(--p-color-purple-800);--p-color-static-risk-filled-grey: var(--p-color-purple-800);--p-color-static-risk-unfilled: var(--p-color-purple-200);--p-color-static-risk-unfilled-white: var(--p-color-purple-200);--p-color-static-risk-unfilled-grey: var(--p-color-purple-200);--p-color-static-sustainability-filled: var(--p-color-green-700);--p-color-static-sustainability-filled-white: var(--p-color-green-700);--p-color-static-sustainability-filled-grey: var(--p-color-green-700);--p-color-static-sustainability-unfilled: var(--p-color-grey-cold-200);--p-color-static-sustainability-unfilled-white: var(--p-color-grey-cold-200);--p-color-static-sustainability-unfilled-grey: var(--p-color-grey-cold-200);--p-color-states-focus: var(--p-color-focus-1);--p-color-states-focus-white: var(--p-color-focus-1);--p-color-states-focus-grey: var(--p-color-focus-1);--p-color-states-scrim: var(--p-color-scrim-1);--p-color-states-scrim-white: var(--p-color-scrim-1);--p-color-states-scrim-grey: var(--p-color-scrim-1);--p-color-states-toggle-off: var(--p-color-grey-cold-400);--p-color-states-toggle-off-white: var(--p-color-grey-cold-400);--p-color-states-toggle-off-grey: var(--p-color-grey-cold-500);--p-color-states-toggle-off-hover: var(--p-color-grey-cold-300);--p-color-states-toggle-off-hover-white: var(--p-color-grey-cold-300);--p-color-states-toggle-off-hover-grey: var(--p-color-grey-cold-400);--p-color-surface-1: var(--p-color-grey-cold-100);--p-color-surface-1-white: var(--p-color-grey-cold-100);--p-color-surface-1-grey: var(--p-color-grey-cold-000);--p-color-surface-2: var(--p-color-grey-cold-000);--p-color-surface-2-white: var(--p-color-grey-cold-000);--p-color-surface-2-grey: var(--p-color-grey-cold-100);--p-color-surface-1-hover: var(--p-color-grey-cold-200);--p-color-surface-1-hover-white: var(--p-color-grey-cold-200);--p-color-surface-1-hover-grey: var(--p-color-grey-cold-200);--p-color-surface-2-hover: var(--p-color-grey-cold-200);--p-color-surface-2-hover-white: var(--p-color-grey-cold-200);--p-color-surface-2-hover-grey: var(--p-color-grey-cold-200);--p-color-surface-inverse: var(--p-color-purple-900);--p-color-surface-inverse-white: var(--p-color-purple-900);--p-color-surface-inverse-grey: var(--p-color-purple-900);--p-color-surface-inverse-hover: var(--p-color-purple-800);--p-color-surface-inverse-hover-white: var(--p-color-purple-800);--p-color-surface-inverse-hover-grey: var(--p-color-purple-800);--p-color-surface-inverse-pressed: var(--p-color-purple-700);--p-color-surface-inverse-pressed-white: var(--p-color-purple-700);--p-color-surface-inverse-pressed-grey: var(--p-color-purple-700);--p-color-surface-selected: var(--p-color-purple-600);--p-color-surface-selected-white: var(--p-color-purple-600);--p-color-surface-selected-grey: var(--p-color-purple-600);--p-color-surface-selected-hover: var(--p-color-purple-700);--p-color-surface-selected-hover-white: var(--p-color-purple-700);--p-color-surface-selected-hover-grey: var(--p-color-purple-700);--p-color-surface-selected-pressed: var(--p-color-purple-800);--p-color-surface-selected-pressed-white: var(--p-color-purple-800);--p-color-surface-selected-pressed-grey: var(--p-color-purple-800);--p-color-surface-selected-active: var(--p-color-purple-800);--p-color-surface-selected-active-white: var(--p-color-purple-800);--p-color-surface-selected-active-grey: var(--p-color-purple-800);--p-color-surface-error: var(--p-color-red-200);--p-color-surface-error-white: var(--p-color-red-200);--p-color-surface-error-grey: var(--p-color-red-200);--p-color-surface-success: var(--p-color-green-200);--p-color-surface-success-white: var(--p-color-green-200);--p-color-surface-success-grey: var(--p-color-green-200);--p-color-surface-warning: var(--p-color-yellow-200);--p-color-surface-warning-white: var(--p-color-yellow-200);--p-color-surface-warning-grey: var(--p-color-yellow-200);--p-color-surface-info: var(--p-color-purple-200);--p-color-surface-info-white: var(--p-color-purple-200);--p-color-surface-info-grey: var(--p-color-purple-200);--p-color-surface-neutral: var(--p-color-grey-cold-100);--p-color-surface-neutral-white: var(--p-color-grey-cold-000);--p-color-surface-neutral-grey: var(--p-color-grey-cold-100);--p-color-surface-static: var(--p-color-grey-cold-000);--p-color-surface-static-white: var(--p-color-grey-cold-000);--p-color-surface-static-grey: var(--p-color-grey-cold-000);--p-color-stroke-strong: var(--p-color-purple-900);--p-color-stroke-strong-white: var(--p-color-purple-900);--p-color-stroke-strong-grey: var(--p-color-purple-900);--p-color-stroke-strong-hover: var(--p-color-purple-800);--p-color-stroke-strong-hover-white: var(--p-color-purple-800);--p-color-stroke-strong-hover-grey: var(--p-color-purple-800);--p-color-stroke-strong-pressed: var(--p-color-purple-700);--p-color-stroke-strong-pressed-white: var(--p-color-purple-700);--p-color-stroke-strong-pressed-grey: var(--p-color-purple-700);--p-color-stroke-0: var(--p-color-grey-cold-300);--p-color-stroke-0-white: var(--p-color-grey-cold-300);--p-color-stroke-0-grey: var(--p-color-grey-cold-400);--p-color-stroke-1: var(--p-color-grey-cold-400);--p-color-stroke-1-white: var(--p-color-grey-cold-400);--p-color-stroke-1-grey: var(--p-color-grey-cold-300);--p-color-stroke-2: var(--p-color-grey-cold-300);--p-color-stroke-2-white: var(--p-color-grey-cold-300);--p-color-stroke-2-grey: var(--p-color-grey-cold-400);--p-color-stroke-on-white: var(--p-color-grey-cold-300);--p-color-stroke-on-white-white: var(--p-color-grey-cold-300);--p-color-stroke-on-white-grey: var(--p-color-grey-cold-300);--p-color-stroke-subtle-0: var(--p-color-grey-cold-200);--p-color-stroke-subtle-0-white: var(--p-color-grey-cold-200);--p-color-stroke-subtle-0-grey: var(--p-color-grey-cold-300);--p-color-stroke-subtle-1: var(--p-color-grey-cold-300);--p-color-stroke-subtle-1-white: var(--p-color-grey-cold-300);--p-color-stroke-subtle-1-grey: var(--p-color-grey-cold-200);--p-color-stroke-subtle-2: var(--p-color-grey-cold-200);--p-color-stroke-subtle-2-white: var(--p-color-grey-cold-200);--p-color-stroke-subtle-2-grey: var(--p-color-grey-cold-300);--p-color-stroke-subtle-on-white: var(--p-color-grey-cold-200);--p-color-stroke-subtle-on-white-white: var(--p-color-grey-cold-200);--p-color-stroke-subtle-on-white-grey: var(--p-color-grey-cold-200);--p-color-stroke-on-color: var(--p-color-purple-100);--p-color-stroke-on-color-white: var(--p-color-purple-100);--p-color-stroke-on-color-grey: var(--p-color-purple-100);--p-color-stroke-interactive: var(--p-color-purple-600);--p-color-stroke-interactive-white: var(--p-color-purple-600);--p-color-stroke-interactive-grey: var(--p-color-purple-600);--p-color-stroke-interactive-hover: var(--p-color-purple-700);--p-color-stroke-interactive-hover-white: var(--p-color-purple-700);--p-color-stroke-interactive-hover-grey: var(--p-color-purple-700);--p-color-stroke-interactive-pressed: var(--p-color-purple-800);--p-color-stroke-interactive-pressed-white: var(--p-color-purple-800);--p-color-stroke-interactive-pressed-grey: var(--p-color-purple-800);--p-color-stroke-selected: var(--p-color-purple-700);--p-color-stroke-selected-white: var(--p-color-purple-700);--p-color-stroke-selected-grey: var(--p-color-purple-700);--p-color-stroke-selected-hover: var(--p-color-purple-800);--p-color-stroke-selected-hover-white: var(--p-color-purple-800);--p-color-stroke-selected-hover-grey: var(--p-color-purple-800);--p-color-stroke-selected-pressed: var(--p-color-purple-900);--p-color-stroke-selected-pressed-white: var(--p-color-purple-900);--p-color-stroke-selected-pressed-grey: var(--p-color-purple-900);--p-color-stroke-disabled: var(--p-color-grey-cold-400);--p-color-stroke-disabled-white: var(--p-color-grey-cold-400);--p-color-stroke-disabled-grey: var(--p-color-grey-cold-500);--p-color-stroke-error: var(--p-color-red-600);--p-color-stroke-error-white: var(--p-color-red-600);--p-color-stroke-error-grey: var(--p-color-red-600);--p-color-stroke-success: var(--p-color-green-600);--p-color-stroke-success-white: var(--p-color-green-600);--p-color-stroke-success-grey: var(--p-color-green-600);--p-color-stroke-warning: var(--p-color-yellow-600);--p-color-stroke-warning-white: var(--p-color-yellow-600);--p-color-stroke-warning-grey: var(--p-color-yellow-600);--p-color-monochromatic-red-1: var(--p-color-red-550);--p-color-monochromatic-red-1-white: var(--p-color-red-550);--p-color-monochromatic-red-1-grey: var(--p-color-red-550);--p-color-monochromatic-red-2: var(--p-color-red-600);--p-color-monochromatic-red-2-white: var(--p-color-red-600);--p-color-monochromatic-red-2-grey: var(--p-color-red-600);--p-color-monochromatic-red-3: var(--p-color-red-800);--p-color-monochromatic-red-3-white: var(--p-color-red-800);--p-color-monochromatic-red-3-grey: var(--p-color-red-800);--p-color-monochromatic-red-4: var(--p-color-red-900);--p-color-monochromatic-red-4-white: var(--p-color-red-900);--p-color-monochromatic-red-4-grey: var(--p-color-red-900);--p-color-monochromatic-purple-1: var(--p-color-purple-550);--p-color-monochromatic-purple-1-white: var(--p-color-purple-550);--p-color-monochromatic-purple-1-grey: var(--p-color-purple-550);--p-color-monochromatic-purple-2: var(--p-color-purple-600);--p-color-monochromatic-purple-2-white: var(--p-color-purple-600);--p-color-monochromatic-purple-2-grey: var(--p-color-purple-600);--p-color-monochromatic-purple-3: var(--p-color-purple-800);--p-color-monochromatic-purple-3-white: var(--p-color-purple-800);--p-color-monochromatic-purple-3-grey: var(--p-color-purple-800);--p-color-monochromatic-purple-4: var(--p-color-purple-900);--p-color-monochromatic-purple-4-white: var(--p-color-purple-900);--p-color-monochromatic-purple-4-grey: var(--p-color-purple-900);--p-color-categorical-1: var(--p-color-purple-800);--p-color-categorical-1-white: var(--p-color-purple-800);--p-color-categorical-1-grey: var(--p-color-purple-800);--p-color-categorical-2: var(--p-color-purple-550);--p-color-categorical-2-white: var(--p-color-purple-550);--p-color-categorical-2-grey: var(--p-color-purple-550);--p-color-categorical-3: var(--p-color-red-600);--p-color-categorical-3-white: var(--p-color-red-600);--p-color-categorical-3-grey: var(--p-color-red-600);--p-color-categorical-4: var(--p-color-purple-550);--p-color-categorical-4-white: var(--p-color-purple-550);--p-color-categorical-4-grey: var(--p-color-purple-550);--p-color-categorical-5: var(--p-color-purple-800);--p-color-categorical-5-white: var(--p-color-purple-800);--p-color-categorical-5-grey: var(--p-color-purple-800);--p-color-categorical-6: var(--p-color-grey-cold-500);--p-color-categorical-6-white: var(--p-color-grey-cold-500);--p-color-categorical-6-grey: var(--p-color-grey-cold-500);--p-color-categorical-7: var(--p-color-blue-700);--p-color-categorical-7-white: var(--p-color-blue-700);--p-color-categorical-7-grey: var(--p-color-blue-700);--p-color-categorical-8: var(--p-color-green-550);--p-color-categorical-8-white: var(--p-color-green-550);--p-color-categorical-8-grey: var(--p-color-green-550);--p-color-categorical-9: var(--p-color-purple-600);--p-color-categorical-9-white: var(--p-color-purple-600);--p-color-categorical-9-grey: var(--p-color-purple-600);--p-color-categorical-10: var(--p-color-blue-500);--p-color-categorical-10-white: var(--p-color-blue-500);--p-color-categorical-10-grey: var(--p-color-blue-500);--p-color-categorical-11: var(--p-color-green-700);--p-color-categorical-11-white: var(--p-color-green-700);--p-color-categorical-11-grey: var(--p-color-green-700);--p-color-categorical-12: var(--p-color-grey-cold-700);--p-color-categorical-12-white: var(--p-color-grey-cold-700);--p-color-categorical-12-grey: var(--p-color-grey-cold-700);--p-outline: 2px solid var(--p-color-states-focus);--p-outline-offset: 2px}[data-theme=kron-dark]{--p-color-background: var(--p-color-grey-cold-1000);--p-color-background-white: var(--p-color-grey-cold-1000);--p-color-background-grey: var(--p-color-grey-cold-1000);--p-color-background-hover: var(--p-color-grey-cold-900);--p-color-background-hover-white: var(--p-color-grey-cold-900);--p-color-background-hover-grey: var(--p-color-grey-cold-800);--p-color-background-pressed: var(--p-color-grey-cold-800);--p-color-background-pressed-white: var(--p-color-grey-cold-800);--p-color-background-pressed-grey: var(--p-color-grey-cold-700);--p-color-background-active: var(--p-color-red-400);--p-color-background-active-white: var(--p-color-red-400);--p-color-background-active-grey: var(--p-color-red-400);--p-color-background-disabled: var(--p-color-grey-cold-800);--p-color-background-disabled-white: var(--p-color-grey-cold-800);--p-color-background-disabled-grey: var(--p-color-grey-cold-700);--p-color-background-selected: var(--p-color-purple-300);--p-color-background-selected-white: var(--p-color-purple-300);--p-color-background-selected-grey: var(--p-color-purple-300);--p-color-background-selected-hover: var(--p-color-purple-200);--p-color-background-selected-hover-white: var(--p-color-purple-200);--p-color-background-selected-hover-grey: var(--p-color-purple-200);--p-color-background-selected-pressed: var(--p-color-purple-100);--p-color-background-selected-pressed-white: var(--p-color-purple-100);--p-color-background-selected-pressed-grey: var(--p-color-purple-100);--p-color-text-primary: var(--p-color-purple-100);--p-color-text-primary-white: var(--p-color-purple-100);--p-color-text-primary-grey: var(--p-color-purple-100);--p-color-text-primary-hover: var(--p-color-purple-200);--p-color-text-primary-hover-white: var(--p-color-purple-200);--p-color-text-primary-hover-grey: var(--p-color-purple-200);--p-color-text-primary-pressed: var(--p-color-purple-300);--p-color-text-primary-pressed-white: var(--p-color-purple-300);--p-color-text-primary-pressed-grey: var(--p-color-purple-300);--p-color-text-primary-active: var(--p-color-purple-300);--p-color-text-primary-active-white: var(--p-color-purple-300);--p-color-text-primary-active-grey: var(--p-color-purple-300);--p-color-text-interactive: var(--p-color-purple-200);--p-color-text-interactive-white: var(--p-color-purple-200);--p-color-text-interactive-grey: var(--p-color-purple-200);--p-color-text-interactive-hover: var(--p-color-purple-400);--p-color-text-interactive-hover-white: var(--p-color-purple-400);--p-color-text-interactive-hover-grey: var(--p-color-purple-400);--p-color-text-interactive-pressed: var(--p-color-purple-300);--p-color-text-interactive-pressed-white: var(--p-color-purple-300);--p-color-text-interactive-pressed-grey: var(--p-color-purple-300);--p-color-text-interactive-active: var(--p-color-purple-300);--p-color-text-interactive-active-white: var(--p-color-purple-300);--p-color-text-interactive-active-grey: var(--p-color-purple-300);--p-color-text-selected: var(--p-color-purple-300);--p-color-text-selected-white: var(--p-color-purple-300);--p-color-text-selected-grey: var(--p-color-purple-300);--p-color-text-selected-hover: var(--p-color-purple-200);--p-color-text-selected-hover-white: var(--p-color-purple-200);--p-color-text-selected-hover-grey: var(--p-color-purple-200);--p-color-text-selected-pressed: var(--p-color-purple-100);--p-color-text-selected-pressed-white: var(--p-color-purple-100);--p-color-text-selected-pressed-grey: var(--p-color-purple-100);--p-color-text-secondary: var(--p-color-grey-cold-300);--p-color-text-secondary-white: var(--p-color-grey-cold-300);--p-color-text-secondary-grey: var(--p-color-grey-cold-300);--p-color-text-placeholder: var(--p-color-grey-cold-400);--p-color-text-placeholder-white: var(--p-color-grey-cold-400);--p-color-text-placeholder-grey: var(--p-color-grey-cold-400);--p-color-text-on-color: var(--p-color-purple-900);--p-color-text-on-color-white: var(--p-color-purple-900);--p-color-text-on-color-grey: var(--p-color-purple-900);--p-color-text-disabled: var(--p-color-grey-cold-700);--p-color-text-disabled-white: var(--p-color-grey-cold-700);--p-color-text-disabled-grey: var(--p-color-grey-cold-700);--p-color-text-info: var(--p-color-blue-400);--p-color-text-info-white: var(--p-color-blue-400);--p-color-text-info-grey: var(--p-color-blue-400);--p-color-text-success: var(--p-color-green-400);--p-color-text-success-white: var(--p-color-green-400);--p-color-text-success-grey: var(--p-color-green-400);--p-color-text-warning: var(--p-color-yellow-400);--p-color-text-warning-white: var(--p-color-yellow-400);--p-color-text-warning-grey: var(--p-color-yellow-400);--p-color-text-error: var(--p-color-red-400);--p-color-text-error-white: var(--p-color-red-400);--p-color-text-error-grey: var(--p-color-red-400);--p-color-text-alert: var(--p-color-grey-cold-100);--p-color-text-alert-white: var(--p-color-grey-cold-100);--p-color-text-alert-grey: var(--p-color-grey-cold-100);--p-color-text-on-brand: var(--p-color-purple-900);--p-color-text-on-brand-white: var(--p-color-purple-900);--p-color-text-on-brand-grey: var(--p-color-purple-900);--p-color-text-on-error: var(--p-color-red-200);--p-color-text-on-info: var(--p-color-blue-200);--p-color-text-on-warning: var(--p-color-yellow-100);--p-color-text-on-success: var(--p-color-green-100);--p-color-icon-primary: var(--p-color-purple-100);--p-color-icon-primary-white: var(--p-color-purple-100);--p-color-icon-primary-grey: var(--p-color-purple-100);--p-color-icon-primary-hover: var(--p-color-purple-200);--p-color-icon-primary-hover-white: var(--p-color-purple-200);--p-color-icon-primary-hover-grey: var(--p-color-purple-200);--p-color-icon-primary-active: var(--p-color-purple-300);--p-color-icon-primary-active-white: var(--p-color-purple-300);--p-color-icon-primary-active-grey: var(--p-color-purple-300);--p-color-icon-primary-pressed: var(--p-color-purple-300);--p-color-icon-primary-pressed-white: var(--p-color-purple-300);--p-color-icon-primary-pressed-grey: var(--p-color-purple-300);--p-color-icon-interactive: var(--p-color-purple-200);--p-color-icon-interactive-white: var(--p-color-purple-200);--p-color-icon-interactive-grey: var(--p-color-purple-200);--p-color-icon-interactive-hover: var(--p-color-purple-400);--p-color-icon-interactive-hover-white: var(--p-color-purple-400);--p-color-icon-interactive-hover-grey: var(--p-color-purple-400);--p-color-icon-interactive-pressed: var(--p-color-purple-300);--p-color-icon-interactive-pressed-white: var(--p-color-purple-300);--p-color-icon-interactive-pressed-grey: var(--p-color-purple-300);--p-color-icon-interactive-active: var(--p-color-purple-300);--p-color-icon-interactive-active-white: var(--p-color-purple-300);--p-color-icon-interactive-active-grey: var(--p-color-purple-300);--p-color-icon-on-color: var(--p-color-purple-900);--p-color-icon-on-color-white: var(--p-color-purple-900);--p-color-icon-on-color-grey: var(--p-color-purple-900);--p-color-icon-disabled: var(--p-color-grey-cold-700);--p-color-icon-disabled-white: var(--p-color-grey-cold-700);--p-color-icon-disabled-grey: var(--p-color-grey-cold-700);--p-color-icon-error: var(--p-color-red-400);--p-color-icon-error-white: var(--p-color-red-400);--p-color-icon-error-grey: var(--p-color-red-400);--p-color-icon-success: var(--p-color-green-400);--p-color-icon-success-white: var(--p-color-green-400);--p-color-icon-success-grey: var(--p-color-green-400);--p-color-icon-warning: var(--p-color-yellow-400);--p-color-icon-warning-white: var(--p-color-yellow-400);--p-color-icon-warning-grey: var(--p-color-yellow-400);--p-color-icon-info: var(--p-color-purple-400);--p-color-icon-info-white: var(--p-color-purple-400);--p-color-icon-info-grey: var(--p-color-purple-400);--p-color-icon-neutral: var(--p-color-grey-cold-100);--p-color-icon-neutral-white: var(--p-color-grey-cold-100);--p-color-icon-neutral-grey: var(--p-color-grey-cold-100);--p-color-icon-on-brand: var(--p-color-purple-900);--p-color-icon-on-brand-white: var(--p-color-purple-900);--p-color-icon-on-brand-grey: var(--p-color-purple-900);--p-color-icon-on-error: var(--p-color-red-200);--p-color-icon-on-info: var(--p-color-purple-100);--p-color-icon-on-warning: var(--p-color-yellow-100);--p-color-icon-on-success: var(--p-color-green-100);--p-color-button-brand-fill: var(--p-color-purple-500);--p-color-button-brand-fill-white: var(--p-color-purple-600);--p-color-button-brand-fill-grey: var(--p-color-purple-600);--p-color-button-brand-fill-hover: var(--p-color-purple-400);--p-color-button-brand-fill-hover-white: var(--p-color-purple-700);--p-color-button-brand-fill-hover-grey: var(--p-color-purple-700);--p-color-button-brand-fill-pressed: var(--p-color-purple-300);--p-color-button-brand-fill-pressed-white: var(--p-color-purple-800);--p-color-button-brand-fill-pressed-grey: var(--p-color-purple-800);--p-color-button-brand-fill-active: var(--p-color-purple-300);--p-color-button-brand-fill-active-white: var(--p-color-purple-800);--p-color-button-brand-fill-active-grey: var(--p-color-purple-800);--p-color-button-action-fill: var(--p-color-purple-400);--p-color-button-action-fill-white: var(--p-color-purple-900);--p-color-button-action-fill-grey: var(--p-color-purple-900);--p-color-button-action-fill-hover: var(--p-color-purple-300);--p-color-button-action-fill-hover-white: var(--p-color-purple-800);--p-color-button-action-fill-hover-grey: var(--p-color-purple-800);--p-color-button-action-fill-pressed: var(--p-color-purple-200);--p-color-button-action-fill-pressed-white: var(--p-color-purple-700);--p-color-button-action-fill-pressed-grey: var(--p-color-purple-700);--p-color-button-action-fill-active: var(--p-color-purple-200);--p-color-button-action-fill-active-white: var(--p-color-purple-700);--p-color-button-action-fill-active-grey: var(--p-color-purple-700);--p-color-button-disabled: var(--p-color-grey-cold-800);--p-color-button-disabled-white: var(--p-color-grey-cold-200);--p-color-button-disabled-grey: var(--p-color-grey-cold-300);--p-color-graphics-illustration-primary: var(--p-color-red-400);--p-color-graphics-illustration-primary-white: var(--p-color-red-400);--p-color-graphics-illustration-primary-grey: var(--p-color-red-400);--p-color-graphics-illustration-detail: var(--p-color-logo-red);--p-color-graphics-illustration-detail-white: var(--p-color-logo-red);--p-color-graphics-illustration-detail-grey: var(--p-color-logo-red);--p-color-graphics-illustration-base: var(--p-color-purple-100);--p-color-graphics-illustration-base-white: var(--p-color-purple-100);--p-color-graphics-illustration-base-grey: var(--p-color-purple-100);--p-color-graphics-illustration-white: var(--p-color-grey-cold-1000);--p-color-graphics-illustration-white-white: var(--p-color-grey-cold-1000);--p-color-graphics-illustration-white-grey: var(--p-color-grey-cold-1000);--p-color-graphics-storebrand-icon-detail: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-white: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-detail-grey: var(--p-color-logo-red);--p-color-graphics-storebrand-icon-outline: var(--p-color-red-200);--p-color-graphics-storebrand-icon-outline-white: var(--p-color-red-200);--p-color-graphics-storebrand-icon-outline-grey: var(--p-color-red-200);--p-color-static-brand-foreground: var(--p-color-purple-400);--p-color-static-brand-foreground-white: var(--p-color-purple-400);--p-color-static-brand-foreground-grey: var(--p-color-purple-400);--p-color-static-brand-background: var(--p-color-purple-800);--p-color-static-brand-background-white: var(--p-color-purple-800);--p-color-static-brand-background-grey: var(--p-color-purple-800);--p-color-static-orange-foreground: var(--p-color-orange-400);--p-color-static-orange-foreground-white: var(--p-color-orange-400);--p-color-static-orange-foreground-grey: var(--p-color-orange-400);--p-color-static-orange-background: var(--p-color-orange-800);--p-color-static-orange-background-white: var(--p-color-orange-800);--p-color-static-orange-background-grey: var(--p-color-orange-700);--p-color-static-purple-foreground: var(--p-color-purple-400);--p-color-static-purple-foreground-white: var(--p-color-purple-400);--p-color-static-purple-foreground-grey: var(--p-color-purple-400);--p-color-static-purple-background: var(--p-color-purple-800);--p-color-static-purple-background-white: var(--p-color-purple-800);--p-color-static-purple-background-grey: var(--p-color-purple-700);--p-color-static-red-foreground: var(--p-color-red-400);--p-color-static-red-foreground-white: var(--p-color-red-400);--p-color-static-red-foreground-grey: var(--p-color-red-400);--p-color-static-red-background: var(--p-color-red-800);--p-color-static-red-background-white: var(--p-color-red-800);--p-color-static-red-background-grey: var(--p-color-red-800);--p-color-static-grey-foreground: var(--p-color-grey-cold-400);--p-color-static-grey-foreground-white: var(--p-color-grey-cold-400);--p-color-static-grey-foreground-grey: var(--p-color-grey-cold-400);--p-color-static-grey-background: var(--p-color-grey-cold-800);--p-color-static-grey-background-white: var(--p-color-grey-cold-800);--p-color-static-grey-background-grey: var(--p-color-grey-cold-700);--p-color-static-risk-filled: var(--p-color-purple-400);--p-color-static-risk-filled-white: var(--p-color-purple-400);--p-color-static-risk-filled-grey: var(--p-color-purple-400);--p-color-static-risk-unfilled: var(--p-color-purple-600);--p-color-static-risk-unfilled-white: var(--p-color-purple-600);--p-color-static-risk-unfilled-grey: var(--p-color-purple-600);--p-color-static-sustainability-filled: var(--p-color-green-300);--p-color-static-sustainability-filled-white: var(--p-color-green-300);--p-color-static-sustainability-filled-grey: var(--p-color-green-300);--p-color-static-sustainability-unfilled: var(--p-color-grey-cold-800);--p-color-static-sustainability-unfilled-white: var(--p-color-grey-cold-800);--p-color-static-sustainability-unfilled-grey: var(--p-color-grey-cold-800);--p-color-states-focus: var(--p-color-focus-1);--p-color-states-focus-white: var(--p-color-focus-1);--p-color-states-focus-grey: var(--p-color-focus-1);--p-color-states-scrim: var(--p-color-scrim-1);--p-color-states-scrim-white: var(--p-color-scrim-1);--p-color-states-scrim-grey: var(--p-color-scrim-1);--p-color-states-toggle-off: var(--p-color-grey-cold-500);--p-color-states-toggle-off-white: var(--p-color-grey-cold-500);--p-color-states-toggle-off-grey: var(--p-color-grey-cold-500);--p-color-states-toggle-off-hover: var(--p-color-grey-cold-700);--p-color-states-toggle-off-hover-white: var(--p-color-grey-cold-700);--p-color-states-toggle-off-hover-grey: var(--p-color-grey-cold-600);--p-color-surface-1: var(--p-color-grey-cold-900);--p-color-surface-1-white: var(--p-color-grey-cold-900);--p-color-surface-1-grey: var(--p-color-grey-cold-900);--p-color-surface-2: var(--p-color-grey-cold-800);--p-color-surface-2-white: var(--p-color-grey-cold-800);--p-color-surface-2-grey: var(--p-color-grey-cold-800);--p-color-surface-1-hover: var(--p-color-grey-cold-800);--p-color-surface-1-hover-white: var(--p-color-grey-cold-800);--p-color-surface-1-hover-grey: var(--p-color-grey-cold-800);--p-color-surface-2-hover: var(--p-color-grey-cold-800);--p-color-surface-2-hover-white: var(--p-color-grey-cold-800);--p-color-surface-2-hover-grey: var(--p-color-grey-cold-800);--p-color-surface-inverse: var(--p-color-purple-100);--p-color-surface-inverse-white: var(--p-color-purple-100);--p-color-surface-inverse-grey: var(--p-color-purple-100);--p-color-surface-inverse-hover: var(--p-color-purple-200);--p-color-surface-inverse-hover-white: var(--p-color-purple-200);--p-color-surface-inverse-hover-grey: var(--p-color-purple-200);--p-color-surface-inverse-pressed: var(--p-color-purple-300);--p-color-surface-inverse-pressed-white: var(--p-color-purple-300);--p-color-surface-inverse-pressed-grey: var(--p-color-purple-300);--p-color-surface-selected: var(--p-color-purple-400);--p-color-surface-selected-white: var(--p-color-purple-400);--p-color-surface-selected-grey: var(--p-color-purple-400);--p-color-surface-selected-hover: var(--p-color-purple-300);--p-color-surface-selected-hover-white: var(--p-color-purple-300);--p-color-surface-selected-hover-grey: var(--p-color-purple-300);--p-color-surface-selected-pressed: var(--p-color-purple-200);--p-color-surface-selected-pressed-white: var(--p-color-purple-200);--p-color-surface-selected-pressed-grey: var(--p-color-purple-200);--p-color-surface-selected-active: var(--p-color-purple-200);--p-color-surface-selected-active-white: var(--p-color-purple-200);--p-color-surface-selected-active-grey: var(--p-color-purple-200);--p-color-surface-error: var(--p-color-red-800);--p-color-surface-error-white: var(--p-color-red-800);--p-color-surface-error-grey: var(--p-color-red-800);--p-color-surface-success: var(--p-color-green-800);--p-color-surface-success-white: var(--p-color-green-800);--p-color-surface-success-grey: var(--p-color-green-800);--p-color-surface-warning: var(--p-color-yellow-800);--p-color-surface-warning-white: var(--p-color-yellow-800);--p-color-surface-warning-grey: var(--p-color-yellow-800);--p-color-surface-info: var(--p-color-blue-pale-800);--p-color-surface-info-white: var(--p-color-blue-pale-800);--p-color-surface-info-grey: var(--p-color-blue-pale-800);--p-color-surface-neutral: var(--p-color-grey-cold-900);--p-color-surface-neutral-white: var(--p-color-grey-cold-1000);--p-color-surface-neutral-grey: var(--p-color-grey-cold-900);--p-color-surface-static: var(--p-color-grey-cold-1000);--p-color-surface-static-white: var(--p-color-grey-cold-1000);--p-color-surface-static-grey: var(--p-color-grey-cold-1000);--p-color-stroke-strong: var(--p-color-purple-100);--p-color-stroke-strong-white: var(--p-color-purple-100);--p-color-stroke-strong-grey: var(--p-color-purple-100);--p-color-stroke-strong-hover: var(--p-color-purple-200);--p-color-stroke-strong-hover-white: var(--p-color-purple-200);--p-color-stroke-strong-hover-grey: var(--p-color-purple-200);--p-color-stroke-strong-pressed: var(--p-color-purple-300);--p-color-stroke-strong-pressed-white: var(--p-color-purple-300);--p-color-stroke-strong-pressed-grey: var(--p-color-purple-300);--p-color-stroke-0: var(--p-color-grey-cold-700);--p-color-stroke-0-white: var(--p-color-grey-cold-700);--p-color-stroke-0-grey: var(--p-color-grey-cold-600);--p-color-stroke-1: var(--p-color-grey-cold-600);--p-color-stroke-1-white: var(--p-color-grey-cold-600);--p-color-stroke-1-grey: var(--p-color-grey-cold-700);--p-color-stroke-2: var(--p-color-grey-cold-700);--p-color-stroke-2-white: var(--p-color-grey-cold-700);--p-color-stroke-2-grey: var(--p-color-grey-cold-600);--p-color-stroke-on-white: var(--p-color-grey-cold-700);--p-color-stroke-on-white-white: var(--p-color-grey-cold-700);--p-color-stroke-on-white-grey: var(--p-color-grey-cold-700);--p-color-stroke-subtle-0: var(--p-color-grey-cold-800);--p-color-stroke-subtle-0-white: var(--p-color-grey-cold-800);--p-color-stroke-subtle-0-grey: var(--p-color-grey-cold-700);--p-color-stroke-subtle-1: var(--p-color-grey-cold-700);--p-color-stroke-subtle-1-white: var(--p-color-grey-cold-700);--p-color-stroke-subtle-1-grey: var(--p-color-grey-cold-800);--p-color-stroke-subtle-2: var(--p-color-grey-cold-800);--p-color-stroke-subtle-2-white: var(--p-color-grey-cold-800);--p-color-stroke-subtle-2-grey: var(--p-color-grey-cold-700);--p-color-stroke-subtle-on-white: var(--p-color-grey-cold-800);--p-color-stroke-subtle-on-white-white: var(--p-color-grey-cold-800);--p-color-stroke-subtle-on-white-grey: var(--p-color-grey-cold-800);--p-color-stroke-on-color: var(--p-color-purple-900);--p-color-stroke-on-color-white: var(--p-color-purple-900);--p-color-stroke-on-color-grey: var(--p-color-purple-900);--p-color-stroke-interactive: var(--p-color-purple-400);--p-color-stroke-interactive-white: var(--p-color-purple-400);--p-color-stroke-interactive-grey: var(--p-color-purple-400);--p-color-stroke-interactive-hover: var(--p-color-purple-300);--p-color-stroke-interactive-hover-white: var(--p-color-purple-300);--p-color-stroke-interactive-hover-grey: var(--p-color-purple-300);--p-color-stroke-interactive-pressed: var(--p-color-purple-200);--p-color-stroke-interactive-pressed-white: var(--p-color-purple-200);--p-color-stroke-interactive-pressed-grey: var(--p-color-purple-200);--p-color-stroke-selected: var(--p-color-purple-300);--p-color-stroke-selected-white: var(--p-color-purple-300);--p-color-stroke-selected-grey: var(--p-color-purple-300);--p-color-stroke-selected-hover: var(--p-color-purple-200);--p-color-stroke-selected-hover-white: var(--p-color-purple-200);--p-color-stroke-selected-hover-grey: var(--p-color-purple-200);--p-color-stroke-selected-pressed: var(--p-color-purple-100);--p-color-stroke-selected-pressed-white: var(--p-color-purple-100);--p-color-stroke-selected-pressed-grey: var(--p-color-purple-100);--p-color-stroke-disabled: var(--p-color-grey-cold-600);--p-color-stroke-disabled-white: var(--p-color-grey-cold-600);--p-color-stroke-disabled-grey: var(--p-color-grey-cold-500);--p-color-stroke-error: var(--p-color-red-400);--p-color-stroke-error-white: var(--p-color-red-400);--p-color-stroke-error-grey: var(--p-color-red-400);--p-color-stroke-success: var(--p-color-green-400);--p-color-stroke-success-white: var(--p-color-green-400);--p-color-stroke-success-grey: var(--p-color-green-400);--p-color-stroke-warning: var(--p-color-yellow-400);--p-color-stroke-warning-white: var(--p-color-yellow-400);--p-color-stroke-warning-grey: var(--p-color-yellow-400);--p-color-monochromatic-red-1: var(--p-color-red-550);--p-color-monochromatic-red-1-white: var(--p-color-red-550);--p-color-monochromatic-red-1-grey: var(--p-color-red-550);--p-color-monochromatic-red-2: var(--p-color-red-400);--p-color-monochromatic-red-2-white: var(--p-color-red-400);--p-color-monochromatic-red-2-grey: var(--p-color-red-400);--p-color-monochromatic-red-3: var(--p-color-red-300);--p-color-monochromatic-red-3-white: var(--p-color-red-300);--p-color-monochromatic-red-3-grey: var(--p-color-red-300);--p-color-monochromatic-red-4: var(--p-color-red-200);--p-color-monochromatic-red-4-white: var(--p-color-red-200);--p-color-monochromatic-red-4-grey: var(--p-color-red-200);--p-color-monochromatic-purple-1: var(--p-color-purple-550);--p-color-monochromatic-purple-1-white: var(--p-color-purple-550);--p-color-monochromatic-purple-1-grey: var(--p-color-purple-550);--p-color-monochromatic-purple-2: var(--p-color-purple-400);--p-color-monochromatic-purple-2-white: var(--p-color-purple-400);--p-color-monochromatic-purple-2-grey: var(--p-color-purple-400);--p-color-monochromatic-purple-3: var(--p-color-purple-300);--p-color-monochromatic-purple-3-white: var(--p-color-purple-300);--p-color-monochromatic-purple-3-grey: var(--p-color-purple-300);--p-color-monochromatic-purple-4: var(--p-color-purple-200);--p-color-monochromatic-purple-4-white: var(--p-color-purple-200);--p-color-monochromatic-purple-4-grey: var(--p-color-purple-200);--p-color-categorical-1: var(--p-color-purple-800);--p-color-categorical-1-white: var(--p-color-purple-800);--p-color-categorical-1-grey: var(--p-color-purple-800);--p-color-categorical-2: var(--p-color-purple-600);--p-color-categorical-2-white: var(--p-color-purple-600);--p-color-categorical-2-grey: var(--p-color-purple-600);--p-color-categorical-3: var(--p-color-red-600);--p-color-categorical-3-white: var(--p-color-red-600);--p-color-categorical-3-grey: var(--p-color-red-600);--p-color-categorical-4: var(--p-color-purple-550);--p-color-categorical-4-white: var(--p-color-purple-550);--p-color-categorical-4-grey: var(--p-color-purple-550);--p-color-categorical-5: var(--p-color-purple-400);--p-color-categorical-5-white: var(--p-color-purple-400);--p-color-categorical-5-grey: var(--p-color-purple-400);--p-color-categorical-6: var(--p-color-grey-cold-500);--p-color-categorical-6-white: var(--p-color-grey-cold-500);--p-color-categorical-6-grey: var(--p-color-grey-cold-500);--p-color-categorical-7: var(--p-color-blue-300);--p-color-categorical-7-white: var(--p-color-blue-300);--p-color-categorical-7-grey: var(--p-color-blue-300);--p-color-categorical-8: var(--p-color-green-550);--p-color-categorical-8-white: var(--p-color-green-550);--p-color-categorical-8-grey: var(--p-color-green-550);--p-color-categorical-9: var(--p-color-purple-600);--p-color-categorical-9-white: var(--p-color-purple-600);--p-color-categorical-9-grey: var(--p-color-purple-600);--p-color-categorical-10: var(--p-color-blue-500);--p-color-categorical-10-white: var(--p-color-blue-500);--p-color-categorical-10-grey: var(--p-color-blue-500);--p-color-categorical-11: var(--p-color-green-700);--p-color-categorical-11-white: var(--p-color-green-700);--p-color-categorical-11-grey: var(--p-color-green-700);--p-color-categorical-12: var(--p-color-grey-cold-700);--p-color-categorical-12-white: var(--p-color-grey-cold-700);--p-color-categorical-12-grey: var(--p-color-grey-cold-700);--p-outline: 2px solid var(--p-color-states-focus);--p-outline-offset: 2px}:is(.h4,.font-heading-4,p.font-heading-4){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem}@media(min-width:600px){:is(.h4,.font-heading-4,p.font-heading-4){font-size:1.5rem;line-height:2rem}}:is(.h5,.font-heading-5,p.font-heading-5){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem}@media(min-width:600px){:is(.h5,.font-heading-5,p.font-heading-5){font-size:1.25rem;line-height:1.75rem}}:is(.font-body-italic){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:1rem;font-style:italic;font-weight:400;line-height:1.375rem}@media(min-width:600px){:is(.font-body-italic){font-size:1.125rem;line-height:1.625rem}}:is(.font-button-mobile){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:1rem;font-weight:500}:is(.key-statistic-1,.font-key-statistic-1){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem}@media(min-width:600px){:is(.key-statistic-1,.font-key-statistic-1){font-size:2rem;line-height:2.5rem}}:is(.key-statistic-2,.font-key-statistic-2){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem}@media(min-width:600px){:is(.key-statistic-2,.font-key-statistic-2){font-size:1.5rem;line-height:2rem}}:is(.key-statistic-3,.font-key-statistic-3){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.625rem}@media(min-width:600px){:is(.key-statistic-3,.font-key-statistic-3){font-size:1.25rem;line-height:1.75rem}}:is(.p,.font-paragraph,.font-body){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:1rem;font-weight:400;line-height:1.375rem}@media(min-width:600px){:is(.p,.font-paragraph,.font-body){font-size:1.125rem;line-height:1.625rem}}:is(.display,.font-display,p.font-display){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:2.25rem;font-weight:600;line-height:2.75rem}@media(min-width:600px){:is(.display,.font-display,p.font-display){font-size:4rem;line-height:4.5rem}}.font-body-xl,.font-body-xl-demibold{color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:1.25rem;line-height:1.75rem}@media(min-width:600px){.font-body-xl,.font-body-xl-demibold{font-size:1.5rem;line-height:2rem}}.font-body-xl-demibold{font-weight:600}:is(.font-large-demibold,.font-body-large-demibold,.font-body-lg-demibold){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.625rem}@media(min-width:600px){:is(.font-large-demibold,.font-body-large-demibold,.font-body-lg-demibold){font-size:1.25rem;line-height:1.75rem}}:is(.font-large,.font-body-large,.font-body-lg){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.625rem}@media(min-width:600px){:is(.font-large,.font-body-large,.font-body-lg){font-size:1.25rem;line-height:1.75rem}}:is(.font-alert-title,.font-body-demibold){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:1rem;font-weight:600;line-height:1.375rem}@media(min-width:600px){:is(.font-alert-title,.font-body-demibold){font-size:1.125rem;line-height:1.625rem}}:is(.font-small,.font-body-small,.font-body-sm,.font-small-link,.font-body-small-link,.font-body-sm-link){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:.875rem;font-weight:400;line-height:1.25rem}@media(min-width:600px){:is(.font-small,.font-body-small,.font-body-sm,.font-small-link,.font-body-small-link,.font-body-sm-link){font-size:1rem;line-height:1.375rem}}:is(.font-small-demibold,.font-sm-demibold,.font-body-small-demibold,.font-body-sm-demibold){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:.875rem;font-weight:600;line-height:1.25rem}@media(min-width:600px){:is(.font-small-demibold,.font-sm-demibold,.font-body-small-demibold,.font-body-sm-demibold){font-size:1rem;line-height:1.375rem}}:is(.button,.font-button,.font-button-large,.font-button-lg){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:1rem;font-weight:500;line-height:1.375rem}@media(min-width:600px){:is(.button,.font-button,.font-button-large,.font-button-lg){font-size:1.125rem;line-height:1.625rem}}:is(.font-button-medium,.font-button-md){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem}@media(min-width:600px){:is(.font-button-medium,.font-button-md){font-size:1rem;line-height:1.375rem}}:is(.font-button-small,.font-button-sm){color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;font-size:.75rem;font-weight:500;line-height:1rem}@media(min-width:600px){:is(.font-button-small,.font-button-sm){font-size:.875rem;line-height:1.125rem}}:is(.hint,.font-hint,.font-caption,.font-details){color:var(--p-color-text-secondary);font-family:Storebrand Text,sans-serif;font-size:.75rem;font-weight:400;line-height:1rem}@media(min-width:600px){:is(.hint,.font-hint,.font-caption,.font-details){font-size:.875rem;line-height:1.125rem}}:is(.font-caption-demibold,.font-details-demibold){color:var(--p-color-text-secondary);font-family:Storebrand Text,sans-serif;font-size:.75rem;font-weight:600;line-height:1rem}@media(min-width:600px){:is(.font-caption-demibold,.font-details-demibold){font-size:.875rem;line-height:1.125rem}}.font-key-number,.font-key-number-sm,.font-key-number-details{color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-weight:500}.font-key-number{font-size:1rem;line-height:1.375rem}@media(min-width:600px){.font-key-number{font-size:1.125rem;line-height:1.625rem}}.font-key-number-sm{font-size:.875rem;line-height:1.25rem}@media(min-width:600px){.font-key-number-sm{font-size:1.125rem;line-height:1.375rem}}.font-key-number-details{font-size:.75rem;line-height:1rem}@media(min-width:600px){.font-key-number-details{font-size:.875rem;line-height:1.125rem}}a,.font-link{color:var(--p-color-text-interactive);text-decoration:underline;text-underline-offset:2px}:is(a,.font-link):hover{color:var(--p-color-text-interactive-hover)}:is(a,.font-link):focus-visible{border-radius:var(--p-corner-radius-small);outline:var(--p-outline)}.font-weight-400{font-weight:400}.font-weight-500{font-weight:500}.font-weight-600{font-weight:600}.font-weight-700{font-weight:700}.font-style-italic{font-style:italic}.text-underline{text-decoration:underline}:is(h1){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.75rem;font-weight:600;line-height:2.25rem}@media(min-width:600px){:is(h1){font-size:2.5rem;line-height:3.25rem}}:is(h2){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem}@media(min-width:600px){:is(h2){font-size:2rem;line-height:2.5rem}}:is(h3){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem}@media(min-width:600px){:is(h3){font-size:1.5rem;line-height:2rem}}:is(h4){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem}@media(min-width:600px){:is(h4){font-size:1.5rem;line-height:2rem}}:is(h5){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem}@media(min-width:600px){:is(h5){font-size:1.25rem;line-height:1.75rem}}:is(.h1,.font-heading-1,p.font-heading-1){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.75rem;font-weight:600;line-height:2.25rem}@media(min-width:600px){:is(.h1,.font-heading-1,p.font-heading-1){font-size:2.5rem;line-height:3.25rem}}:is(.h2,.font-heading-2,p.font-heading-2){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem}@media(min-width:600px){:is(.h2,.font-heading-2,p.font-heading-2){font-size:2rem;line-height:2.5rem}}:is(.h3,.font-heading-3,p.font-heading-3){color:var(--p-color-text-primary);font-family:Storebrand Display,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem}@media(min-width:600px){:is(.h3,.font-heading-3,p.font-heading-3){font-size:1.5rem;line-height:2rem}}:root,:host{--p-z-index-base: 0;--p-z-index-above: 1;--p-z-index-below: -1;--p-z-index-input: calc(var(--p-z-index-base) + var(--p-z-index-above));--p-z-index-tooltip: calc(var(--p-z-index-input) + var(--p-z-index-above));--p-z-index-popover: calc(var(--p-z-index-tooltip) + var(--p-z-index-above));--p-z-index-dropdown: calc(var(--p-z-index-popover) + var(--p-z-index-above));--p-z-index-navbar-menu: calc( var(--p-z-index-dropdown) + var(--p-z-index-above) );--p-z-index-toast: calc( var(--p-z-index-navbar-menu) + var(--p-z-index-above) );--p-z-index-dialog: calc(var(--p-z-index-toast) + var(--p-z-index-above));--p-z-index-modal: calc(var(--p-z-index-dialog) + var(--p-z-index-above))}.grid-container{--grid-columns: 12;--grid-gap: 2rem;--grid-max-width: 1128px;--grid-span: 12;--grid-start: auto;column-gap:var(--grid-gap);display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);margin:0 auto;max-width:var(--grid-max-width);width:100%}.grid-container .grid-item{grid-column:var(--grid-start) / span var(--grid-span)}@media screen and (min-width:992px){.grid-container .grid-item.lg_cols-1{--grid-span: 1}.grid-container .grid-item.lg_cols-2{--grid-span: 2}.grid-container .grid-item.lg_cols-3{--grid-span: 3}.grid-container .grid-item.lg_cols-4{--grid-span: 4}.grid-container .grid-item.lg_cols-5{--grid-span: 5}.grid-container .grid-item.lg_cols-6{--grid-span: 6}.grid-container .grid-item.lg_cols-7{--grid-span: 7}.grid-container .grid-item.lg_cols-8{--grid-span: 8}.grid-container .grid-item.lg_cols-9{--grid-span: 9}.grid-container .grid-item.lg_cols-10{--grid-span: 10}.grid-container .grid-item.lg_cols-11{--grid-span: 11}.grid-container .grid-item.lg_cols-12{--grid-span: 12}.grid-container .grid-item.lg_off-1{--grid-start: 1}.grid-container .grid-item.lg_off-2{--grid-start: 2}.grid-container .grid-item.lg_off-3{--grid-start: 3}.grid-container .grid-item.lg_off-4{--grid-start: 4}.grid-container .grid-item.lg_off-5{--grid-start: 5}.grid-container .grid-item.lg_off-6{--grid-start: 6}.grid-container .grid-item.lg_off-7{--grid-start: 7}.grid-container .grid-item.lg_off-8{--grid-start: 8}.grid-container .grid-item.lg_off-9{--grid-start: 9}.grid-container .grid-item.lg_off-10{--grid-start: 10}.grid-container .grid-item.lg_off-11{--grid-start: 11}.grid-container .grid-item.lg_off-12{--grid-start: 12}}@media screen and (max-width:991px)and (min-width:768px){.grid-container{--grid-columns: 8;--grid-span: 8}.grid-container .grid-item.md_cols-1{--grid-span: 1}.grid-container .grid-item.md_cols-2{--grid-span: 2}.grid-container .grid-item.md_cols-3{--grid-span: 3}.grid-container .grid-item.md_cols-4{--grid-span: 4}.grid-container .grid-item.md_cols-5{--grid-span: 5}.grid-container .grid-item.md_cols-6{--grid-span: 6}.grid-container .grid-item.md_cols-7{--grid-span: 7}.grid-container .grid-item.md_cols-8{--grid-span: 8}.grid-container .grid-item.md_off-1{--grid-start: 1}.grid-container .grid-item.md_off-2{--grid-start: 2}.grid-container .grid-item.md_off-3{--grid-start: 3}.grid-container .grid-item.md_off-4{--grid-start: 4}.grid-container .grid-item.md_off-5{--grid-start: 5}.grid-container .grid-item.md_off-6{--grid-start: 6}.grid-container .grid-item.md_off-7{--grid-start: 7}.grid-container .grid-item.md_off-8{--grid-start: 8}}@media screen and (max-width:767px){.grid-container{--grid-columns: 4;--grid-gap: 1rem;--grid-span: 4}.grid-container .grid-item.sm_cols-1{--grid-span: 1}.grid-container .grid-item.sm_cols-2{--grid-span: 2}.grid-container .grid-item.sm_cols-3{--grid-span: 3}.grid-container .grid-item.sm_cols-4{--grid-span: 4}.grid-container .grid-item.sm_off-1{--grid-start: 1}.grid-container .grid-item.sm_off-2{--grid-start: 2}.grid-container .grid-item.sm_off-3{--grid-start: 3}.grid-container .grid-item.sm_off-4{--grid-start: 4}}*{font-synthesis:none;margin:0}html{font-size:100%}body{background:var(--p-color-background);color:var(--p-color-text-primary);font-family:Storebrand Text,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@font-face{font-family:Storebrand Symbols;src:url("./media/StorebrandSymbols-YFDXFHBC.eot") format("eot"),url("./media/StorebrandSymbols-FSXT2RAD.woff") format("woff"),url("./media/StorebrandSymbols-2DBIYYL6.woff2") format("woff2"),url("./media/StorebrandSymbols-PZ2PNYJI.ttf") format("truetype");text-rendering:optimizelegibility}i{font-family:Storebrand Symbols!important;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1rem}i:empty:not([class*=system-icon]){background:var(--p-color-icon-error);display:inline-flex;height:1.5em;width:1.5em}@font-face{font-family:System-Icons;src:url("./media/System-Icons-UKEXXYTI.eot") format("eot"),url("./media/System-Icons-H66AEXCD.woff") format("woff"),url("./media/System-Icons-F6JW3U6B.woff2") format("woff2"),url("./media/System-Icons-LP5APJIQ.ttf") format("truetype");text-rendering:optimizelegibility}i.legacy,body[data-legacy-icons=true] i{font-family:System-Icons!important}@font-face{font-family:Phosphor;src:url("./media/Phosphor-C27DC3UC.eot") format("eot"),url("./media/Phosphor-S5WPH6QZ.woff") format("woff"),url("./media/Phosphor-CQTELMLW.woff2") format("woff2"),url("./media/Phosphor-QKZ4WH27.ttf") format("truetype");text-rendering:optimizelegibility}body[data-phosphor-icons=true] i,body *[data-phosphor-icons=true] i,body i[data-phosphor-icons=true]{font-family:Phosphor!important;font-size:1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;line-height:1rem}body{--p-system-icon-body-lg: 1.625rem;--p-system-icon-body: 1.375rem;--p-system-icon-body-sm: 1.25rem;--p-system-icon-body-details: 1rem}@media(min-width:600px){body{--p-system-icon-body-lg: 1.75rem;--p-system-icon-body: 1.625rem;--p-system-icon-body-sm: 1.375rem;--p-system-icon-body-details: 1.125rem}}@font-face{font-display:swap;font-family:Storebrand Display;font-stretch:100%;font-style:normal;font-weight:400 700;src:url("./media/StorebrandDisplay-NTQN3QBA.woff2") format("woff2")}@font-face{font-display:swap;font-family:Storebrand Display;font-stretch:100%;font-style:italic;font-weight:400 700;src:url("./media/StorebrandDisplay-Italic-Q4H33F5D.woff2") format("woff2")}@font-face{font-display:swap;font-family:Storebrand Text;font-stretch:100%;font-style:normal;font-weight:400 700;src:url("./media/StorebrandText-KI6GHZSW.woff2") format("woff2")}@font-face{font-display:swap;font-family:Storebrand Text;font-stretch:100%;font-style:italic;font-weight:400 700;src:url("./media/StorebrandText-Italic-CQRUTUQ6.woff2") format("woff2")}@keyframes expandVertical{0%{max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}to{max-height:2000px;opacity:1;overflow:visible}}@keyframes collapseVertical{0%{max-height:2000px;opacity:1}to{max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}.enter{animation:expandVertical .25s cubic-bezier(0,1,0,1)}.leave{overflow:hidden;animation:collapseVertical .25s cubic-bezier(0,1,0,1)}
/*# sourceMappingURL=styles-G4KDTUXQ.css.map */