@danske/sapphire-angular 1.30.2 → 1.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/listbox/src/listbox.component.mjs +2 -2
- package/esm2020/lib/menu/src/menu.component.mjs +2 -2
- package/esm2020/lib/modal/src/dialog/dialog-header.component.mjs +3 -3
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +2 -2
- package/esm2020/lib/modal/src/modal.module.mjs +2 -4
- package/esm2020/lib/modal/src/modal.service.mjs +4 -3
- package/esm2020/lib/modal/src/panel/inline-panel.component.mjs +2 -2
- package/esm2020/lib/modal/src/panel/panel-header.component.mjs +3 -3
- package/esm2020/lib/modal/src/panel/panel.component.mjs +2 -2
- package/esm2020/lib/theme/src/sapphire-overlay-container.service.mjs +3 -4
- package/esm2020/lib/theme/src/theme.module.mjs +22 -4
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/fesm2015/danske-sapphire-angular.mjs +44 -27
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +44 -27
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -70,10 +70,9 @@ class SapphireOverlayContainer extends OverlayContainer {
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
SapphireOverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireOverlayContainer, deps: [{ token: DOCUMENT }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
73
|
-
SapphireOverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireOverlayContainer
|
|
73
|
+
SapphireOverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireOverlayContainer });
|
|
74
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireOverlayContainer, decorators: [{
|
|
75
|
-
type: Injectable
|
|
76
|
-
args: [{ providedIn: 'root' }]
|
|
75
|
+
type: Injectable
|
|
77
76
|
}], ctorParameters: function () {
|
|
78
77
|
return [{ type: Document, decorators: [{
|
|
79
78
|
type: Inject,
|
|
@@ -2264,7 +2263,7 @@ MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
2264
2263
|
provide: ICON_SIZE_PROVIDER,
|
|
2265
2264
|
useExisting: forwardRef(() => MenuComponent),
|
|
2266
2265
|
},
|
|
2267
|
-
], hostDirectives: [{ directive: i1$3.CdkMenu, outputs: ["closed", "closed"] }, { directive: ThemeCheckDirective }, { directive: UseComponentStylesOnHost }], ngImport: i0, template: "<div\n class=\"sapphire-listbox\"\n [class.sapphire-listbox--md]=\"size === 'medium'\"\n [class.sapphire-listbox--sm]=\"size === 'small'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{font-family:var(--sapphire-semantic-font-name-default);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-30)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] });
|
|
2266
|
+
], hostDirectives: [{ directive: i1$3.CdkMenu, outputs: ["closed", "closed"] }, { directive: ThemeCheckDirective }, { directive: UseComponentStylesOnHost }], ngImport: i0, template: "<div\n class=\"sapphire-listbox\"\n [class.sapphire-listbox--md]=\"size === 'medium'\"\n [class.sapphire-listbox--sm]=\"size === 'small'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{font-family:var(--sapphire-semantic-font-name-default);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-30)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] });
|
|
2268
2267
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuComponent, decorators: [{
|
|
2269
2268
|
type: Component,
|
|
2270
2269
|
args: [{ selector: 'sp-menu', hostDirectives: [
|
|
@@ -2282,7 +2281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2282
2281
|
provide: ICON_SIZE_PROVIDER,
|
|
2283
2282
|
useExisting: forwardRef(() => MenuComponent),
|
|
2284
2283
|
},
|
|
2285
|
-
], template: "<div\n class=\"sapphire-listbox\"\n [class.sapphire-listbox--md]=\"size === 'medium'\"\n [class.sapphire-listbox--sm]=\"size === 'small'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{font-family:var(--sapphire-semantic-font-name-default);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-30)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] }]
|
|
2284
|
+
], template: "<div\n class=\"sapphire-listbox\"\n [class.sapphire-listbox--md]=\"size === 'medium'\"\n [class.sapphire-listbox--sm]=\"size === 'small'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{font-family:var(--sapphire-semantic-font-name-default);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-30)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] }]
|
|
2286
2285
|
}], propDecorators: { size: [{
|
|
2287
2286
|
type: Input
|
|
2288
2287
|
}] } });
|
|
@@ -4051,7 +4050,7 @@ ListboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
|
|
|
4051
4050
|
useExisting: forwardRef(() => ListboxComponent),
|
|
4052
4051
|
},
|
|
4053
4052
|
ViewEncapsulationProvider,
|
|
4054
|
-
], queries: [{ propertyName: "itemsInContent", predicate: ListboxChild }], viewQueries: [{ propertyName: "cdkListbox", first: true, predicate: CdkListbox, descendants: true }, { propertyName: "cdkOptions", predicate: CdkOption, descendants: true }], exportAs: ["spListbox"], ngImport: i0, template: "<ul\n class=\"sapphire-listbox\"\n cdkListbox\n [id]=\"id || ''\"\n [cdkListboxCompareWith]=\"\"\n [cdkListboxMultiple]=\"!!multiple\"\n [cdkListboxDisabled]=\"!!disabled\"\n [cdkListboxNavigationWrapDisabled]=\"\n navigationWrapDisabled && !_forceEnableNavigationWrap\n \"\n [cdkListboxValue]=\"_validSelectedValues\"\n [cdkListboxUseActiveDescendant]=\"_shouldUseVirtualFocus()\"\n (cdkListboxValueChange)=\"_handleSelectionChange($event)\"\n (keydown.enter)=\"selected.emit($event)\"\n (keydown.space)=\"selected.emit($event)\"\n (mousedown)=\"_isConnectedToInput() && $event.preventDefault()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [class.sapphire-listbox--md]=\"size === 'medium'\"\n [class.sapphire-listbox--sm]=\"size === 'small'\"\n>\n <ng-container *ngFor=\"let item of options; let last = last\">\n <ng-container *ngIf=\"_isSection(item)\">\n <li role=\"presentation\">\n <ul\n role=\"group\"\n class=\"sapphire-listbox__section\"\n [attr.aria-label]=\"item.ariaLabel\"\n >\n <li\n *ngFor=\"let option of item.children\"\n [cdkOption]=\"option.value\"\n [cdkOptionDisabled]=\"!!option.disabled\"\n [cdkOptionTypeaheadLabel]=\"option.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"option\"\n [selected]=\"isSelected(option)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || option.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ul>\n </li>\n <li\n *ngIf=\"!last\"\n role=\"separator\"\n class=\"sapphire-listbox__separator\"\n ></li>\n </ng-container>\n <li\n *ngIf=\"_isOption(item)\"\n [cdkOption]=\"item.value\"\n [cdkOptionDisabled]=\"!!item.disabled\"\n [cdkOptionTypeaheadLabel]=\"item.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"item\"\n [selected]=\"isSelected(item)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || item.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ng-container>\n</ul>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{font-family:var(--sapphire-semantic-font-name-default);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}:host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.CdkListbox, selector: "[cdkListbox]", inputs: ["id", "tabindex", "cdkListboxValue", "cdkListboxMultiple", "cdkListboxDisabled", "cdkListboxUseActiveDescendant", "cdkListboxOrientation", "cdkListboxCompareWith", "cdkListboxNavigationWrapDisabled", "cdkListboxNavigatesDisabledOptions"], outputs: ["cdkListboxValueChange"], exportAs: ["cdkListbox"] }, { kind: "directive", type: i1$5.CdkOption, selector: "[cdkOption]", inputs: ["id", "cdkOption", "cdkOptionTypeaheadLabel", "cdkOptionDisabled", "tabindex"], exportAs: ["cdkOption"] }, { kind: "directive", type: CdkOptionScrollIssuePatch, selector: "[cdkOption]" }, { kind: "component", type: ListboxItemComponent, selector: "li[sp-listbox-item]", inputs: ["selected", "focused", "option", "size"] }] });
|
|
4053
|
+
], queries: [{ propertyName: "itemsInContent", predicate: ListboxChild }], viewQueries: [{ propertyName: "cdkListbox", first: true, predicate: CdkListbox, descendants: true }, { propertyName: "cdkOptions", predicate: CdkOption, descendants: true }], exportAs: ["spListbox"], ngImport: i0, template: "<ul\n class=\"sapphire-listbox\"\n cdkListbox\n [id]=\"id || ''\"\n [cdkListboxCompareWith]=\"\"\n [cdkListboxMultiple]=\"!!multiple\"\n [cdkListboxDisabled]=\"!!disabled\"\n [cdkListboxNavigationWrapDisabled]=\"\n navigationWrapDisabled && !_forceEnableNavigationWrap\n \"\n [cdkListboxValue]=\"_validSelectedValues\"\n [cdkListboxUseActiveDescendant]=\"_shouldUseVirtualFocus()\"\n (cdkListboxValueChange)=\"_handleSelectionChange($event)\"\n (keydown.enter)=\"selected.emit($event)\"\n (keydown.space)=\"selected.emit($event)\"\n (mousedown)=\"_isConnectedToInput() && $event.preventDefault()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [class.sapphire-listbox--md]=\"size === 'medium'\"\n [class.sapphire-listbox--sm]=\"size === 'small'\"\n>\n <ng-container *ngFor=\"let item of options; let last = last\">\n <ng-container *ngIf=\"_isSection(item)\">\n <li role=\"presentation\">\n <ul\n role=\"group\"\n class=\"sapphire-listbox__section\"\n [attr.aria-label]=\"item.ariaLabel\"\n >\n <li\n *ngFor=\"let option of item.children\"\n [cdkOption]=\"option.value\"\n [cdkOptionDisabled]=\"!!option.disabled\"\n [cdkOptionTypeaheadLabel]=\"option.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"option\"\n [selected]=\"isSelected(option)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || option.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ul>\n </li>\n <li\n *ngIf=\"!last\"\n role=\"separator\"\n class=\"sapphire-listbox__separator\"\n ></li>\n </ng-container>\n <li\n *ngIf=\"_isOption(item)\"\n [cdkOption]=\"item.value\"\n [cdkOptionDisabled]=\"!!item.disabled\"\n [cdkOptionTypeaheadLabel]=\"item.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"item\"\n [selected]=\"isSelected(item)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || item.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ng-container>\n</ul>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{font-family:var(--sapphire-semantic-font-name-default);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}:host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.CdkListbox, selector: "[cdkListbox]", inputs: ["id", "tabindex", "cdkListboxValue", "cdkListboxMultiple", "cdkListboxDisabled", "cdkListboxUseActiveDescendant", "cdkListboxOrientation", "cdkListboxCompareWith", "cdkListboxNavigationWrapDisabled", "cdkListboxNavigatesDisabledOptions"], outputs: ["cdkListboxValueChange"], exportAs: ["cdkListbox"] }, { kind: "directive", type: i1$5.CdkOption, selector: "[cdkOption]", inputs: ["id", "cdkOption", "cdkOptionTypeaheadLabel", "cdkOptionDisabled", "tabindex"], exportAs: ["cdkOption"] }, { kind: "directive", type: CdkOptionScrollIssuePatch, selector: "[cdkOption]" }, { kind: "component", type: ListboxItemComponent, selector: "li[sp-listbox-item]", inputs: ["selected", "focused", "option", "size"] }] });
|
|
4055
4054
|
__decorate([
|
|
4056
4055
|
CoerceBoolean
|
|
4057
4056
|
], ListboxComponent.prototype, "disabled", void 0);
|
|
@@ -4077,7 +4076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
4077
4076
|
], host: {
|
|
4078
4077
|
'[attr.aria-label]': 'null',
|
|
4079
4078
|
'[attr.aria-labelledby]': 'null',
|
|
4080
|
-
}, exportAs: 'spListbox', template: "<ul\n class=\"sapphire-listbox\"\n cdkListbox\n [id]=\"id || ''\"\n [cdkListboxCompareWith]=\"\"\n [cdkListboxMultiple]=\"!!multiple\"\n [cdkListboxDisabled]=\"!!disabled\"\n [cdkListboxNavigationWrapDisabled]=\"\n navigationWrapDisabled && !_forceEnableNavigationWrap\n \"\n [cdkListboxValue]=\"_validSelectedValues\"\n [cdkListboxUseActiveDescendant]=\"_shouldUseVirtualFocus()\"\n (cdkListboxValueChange)=\"_handleSelectionChange($event)\"\n (keydown.enter)=\"selected.emit($event)\"\n (keydown.space)=\"selected.emit($event)\"\n (mousedown)=\"_isConnectedToInput() && $event.preventDefault()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [class.sapphire-listbox--md]=\"size === 'medium'\"\n [class.sapphire-listbox--sm]=\"size === 'small'\"\n>\n <ng-container *ngFor=\"let item of options; let last = last\">\n <ng-container *ngIf=\"_isSection(item)\">\n <li role=\"presentation\">\n <ul\n role=\"group\"\n class=\"sapphire-listbox__section\"\n [attr.aria-label]=\"item.ariaLabel\"\n >\n <li\n *ngFor=\"let option of item.children\"\n [cdkOption]=\"option.value\"\n [cdkOptionDisabled]=\"!!option.disabled\"\n [cdkOptionTypeaheadLabel]=\"option.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"option\"\n [selected]=\"isSelected(option)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || option.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ul>\n </li>\n <li\n *ngIf=\"!last\"\n role=\"separator\"\n class=\"sapphire-listbox__separator\"\n ></li>\n </ng-container>\n <li\n *ngIf=\"_isOption(item)\"\n [cdkOption]=\"item.value\"\n [cdkOptionDisabled]=\"!!item.disabled\"\n [cdkOptionTypeaheadLabel]=\"item.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"item\"\n [selected]=\"isSelected(item)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || item.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ng-container>\n</ul>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{font-family:var(--sapphire-semantic-font-name-default);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}:host{display:block}\n"] }]
|
|
4079
|
+
}, exportAs: 'spListbox', template: "<ul\n class=\"sapphire-listbox\"\n cdkListbox\n [id]=\"id || ''\"\n [cdkListboxCompareWith]=\"\"\n [cdkListboxMultiple]=\"!!multiple\"\n [cdkListboxDisabled]=\"!!disabled\"\n [cdkListboxNavigationWrapDisabled]=\"\n navigationWrapDisabled && !_forceEnableNavigationWrap\n \"\n [cdkListboxValue]=\"_validSelectedValues\"\n [cdkListboxUseActiveDescendant]=\"_shouldUseVirtualFocus()\"\n (cdkListboxValueChange)=\"_handleSelectionChange($event)\"\n (keydown.enter)=\"selected.emit($event)\"\n (keydown.space)=\"selected.emit($event)\"\n (mousedown)=\"_isConnectedToInput() && $event.preventDefault()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [class.sapphire-listbox--md]=\"size === 'medium'\"\n [class.sapphire-listbox--sm]=\"size === 'small'\"\n>\n <ng-container *ngFor=\"let item of options; let last = last\">\n <ng-container *ngIf=\"_isSection(item)\">\n <li role=\"presentation\">\n <ul\n role=\"group\"\n class=\"sapphire-listbox__section\"\n [attr.aria-label]=\"item.ariaLabel\"\n >\n <li\n *ngFor=\"let option of item.children\"\n [cdkOption]=\"option.value\"\n [cdkOptionDisabled]=\"!!option.disabled\"\n [cdkOptionTypeaheadLabel]=\"option.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"option\"\n [selected]=\"isSelected(option)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || option.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ul>\n </li>\n <li\n *ngIf=\"!last\"\n role=\"separator\"\n class=\"sapphire-listbox__separator\"\n ></li>\n </ng-container>\n <li\n *ngIf=\"_isOption(item)\"\n [cdkOption]=\"item.value\"\n [cdkOptionDisabled]=\"!!item.disabled\"\n [cdkOptionTypeaheadLabel]=\"item.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"item\"\n [selected]=\"isSelected(item)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || item.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ng-container>\n</ul>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{font-family:var(--sapphire-semantic-font-name-default);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}:host{display:block}\n"] }]
|
|
4081
4080
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedValues: [{
|
|
4082
4081
|
type: Input
|
|
4083
4082
|
}], selectedValuesChange: [{
|
|
@@ -6905,10 +6904,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6905
6904
|
class ThemeDefault {
|
|
6906
6905
|
}
|
|
6907
6906
|
ThemeDefault.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefault, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6908
|
-
ThemeDefault.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ThemeDefault, isStandalone: true, selector: "sp-theme-default", hostDirectives: [{ directive: ThemeBaseDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,::ng-deep .sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,::ng-deep .sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default.sapphire-theme--secondary,.sapphire-theme-default .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-50)}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white)}:host ::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] :host ::ng-deep .cdk-visually-hidden{left:auto;right:0}:host ::ng-deep .cdk-overlay-container,:host ::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}:host ::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}:host ::ng-deep .cdk-overlay-container:empty{display:none}:host ::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}:host ::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}:host ::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}:host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active :host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}:host ::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}:host ::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}:host ::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}:host ::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}:host ::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}:host ::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-container,:host.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container,:host.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock,::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] });
|
|
6907
|
+
ThemeDefault.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ThemeDefault, isStandalone: true, selector: "sp-theme-default", hostDirectives: [{ directive: ThemeBaseDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,::ng-deep .sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,::ng-deep .sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default.sapphire-theme--secondary,.sapphire-theme-default .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-50)}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white)}:host{--sapphire-semantic-size-height-control-xxs: var( --sapphire-semantic-size-height-control-2xs );--sapphire-semantic-size-height-control-s: var( --sapphire-semantic-size-height-control-sm );--sapphire-semantic-size-height-control-m: var( --sapphire-semantic-size-height-control-md );--sapphire-semantic-size-height-control-l: var( --sapphire-semantic-size-height-control-lg );--sapphire-semantic-size-height-input-l: var( --sapphire-semantic-size-height-input-lg );--sapphire-semantic-size-height-box-m: var( --sapphire-semantic-size-height-box-md );--sapphire-semantic-size-height-box-l: var( --sapphire-semantic-size-height-box-lg );--sapphire-semantic-size-icon-s: var(--sapphire-semantic-size-icon-sm);--sapphire-semantic-size-icon-m: var(--sapphire-semantic-size-icon-md);--sapphire-semantic-size-icon-l: var(--sapphire-semantic-size-icon-lg);--sapphire-semantic-size-border-s: var(--sapphire-semantic-size-border-sm);--sapphire-semantic-size-border-m: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-border-l: var(--sapphire-semantic-size-border-lg);--sapphire-semantic-size-font-text-s: var( --sapphire-semantic-size-font-text-sm );--sapphire-semantic-size-font-text-m: var( --sapphire-semantic-size-font-text-md );--sapphire-semantic-size-font-text-l: var( --sapphire-semantic-size-font-text-lg );--sapphire-semantic-size-font-label-s: var( --sapphire-semantic-size-font-label-sm );--sapphire-semantic-size-font-label-m: var( --sapphire-semantic-size-font-label-md );--sapphire-semantic-size-font-label-l: var( --sapphire-semantic-size-font-label-lg );--sapphire-semantic-size-font-control-s: var( --sapphire-semantic-size-font-control-sm );--sapphire-semantic-size-font-control-m: var( --sapphire-semantic-size-font-control-md );--sapphire-semantic-size-line-height-sm: var( --sapphire-semantic-size-line-height-sm );--sapphire-semantic-size-line-height-m: var( --sapphire-semantic-size-line-height-md );--sapphire-semantic-size-spacing-control-vertical-s: var( --sapphire-semantic-size-spacing-control-vertical-sm );--sapphire-semantic-size-spacing-control-vertical-m: var( --sapphire-semantic-size-spacing-control-vertical-md );--sapphire-semantic-size-spacing-control-vertical-l: var( --sapphire-semantic-size-spacing-control-vertical-lg );--sapphire-semantic-size-spacing-control-horizontal-m: var( --sapphire-semantic-size-spacing-control-horizontal-md );--sapphire-semantic-size-spacing-control-horizontal-l: var( --sapphire-semantic-size-spacing-control-horizontal-lg );--sapphire-semantic-size-spacing-data-collection-item-horizontal-s: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-sm );--sapphire-semantic-size-spacing-data-collection-item-horizontal-m: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-md );--sapphire-semantic-size-spacing-data-collection-item-horizontal-l: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-lg );--sapphire-semantic-size-spacing-container-horizontal-m: var( --sapphire-semantic-size-spacing-container-horizontal-md );--sapphire-semantic-color-background-surface-backdrop: var( --sapphire-semantic-color-background-backdrop );--sapphire-semantic-color-background-surface-primary-default: var( --sapphire-semantic-color-background-surface );--sapphire-semantic-color-background-surface-primary-hover: var( --sapphire-semantic-color-background-action-tertiary-default );--sapphire-semantic-color-background-surface-secondary: var( --sapphire-semantic-color-background-action-tertiary-default )}:host ::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] :host ::ng-deep .cdk-visually-hidden{left:auto;right:0}:host ::ng-deep .cdk-overlay-container,:host ::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}:host ::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}:host ::ng-deep .cdk-overlay-container:empty{display:none}:host ::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}:host ::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}:host ::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}:host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active :host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}:host ::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}:host ::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}:host ::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}:host ::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}:host ::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}:host ::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-container,:host.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container,:host.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock,::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] });
|
|
6909
6908
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefault, decorators: [{
|
|
6910
6909
|
type: Component,
|
|
6911
|
-
args: [{ selector: 'sp-theme-default', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,::ng-deep .sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,::ng-deep .sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default.sapphire-theme--secondary,.sapphire-theme-default .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-50)}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white)}:host ::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] :host ::ng-deep .cdk-visually-hidden{left:auto;right:0}:host ::ng-deep .cdk-overlay-container,:host ::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}:host ::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}:host ::ng-deep .cdk-overlay-container:empty{display:none}:host ::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}:host ::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}:host ::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}:host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active :host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}:host ::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}:host ::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}:host ::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}:host ::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}:host ::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}:host ::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-container,:host.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container,:host.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock,::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] }]
|
|
6910
|
+
args: [{ selector: 'sp-theme-default', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,::ng-deep .sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,::ng-deep .sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default.sapphire-theme--secondary,.sapphire-theme-default .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-50)}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white)}:host{--sapphire-semantic-size-height-control-xxs: var( --sapphire-semantic-size-height-control-2xs );--sapphire-semantic-size-height-control-s: var( --sapphire-semantic-size-height-control-sm );--sapphire-semantic-size-height-control-m: var( --sapphire-semantic-size-height-control-md );--sapphire-semantic-size-height-control-l: var( --sapphire-semantic-size-height-control-lg );--sapphire-semantic-size-height-input-l: var( --sapphire-semantic-size-height-input-lg );--sapphire-semantic-size-height-box-m: var( --sapphire-semantic-size-height-box-md );--sapphire-semantic-size-height-box-l: var( --sapphire-semantic-size-height-box-lg );--sapphire-semantic-size-icon-s: var(--sapphire-semantic-size-icon-sm);--sapphire-semantic-size-icon-m: var(--sapphire-semantic-size-icon-md);--sapphire-semantic-size-icon-l: var(--sapphire-semantic-size-icon-lg);--sapphire-semantic-size-border-s: var(--sapphire-semantic-size-border-sm);--sapphire-semantic-size-border-m: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-border-l: var(--sapphire-semantic-size-border-lg);--sapphire-semantic-size-font-text-s: var( --sapphire-semantic-size-font-text-sm );--sapphire-semantic-size-font-text-m: var( --sapphire-semantic-size-font-text-md );--sapphire-semantic-size-font-text-l: var( --sapphire-semantic-size-font-text-lg );--sapphire-semantic-size-font-label-s: var( --sapphire-semantic-size-font-label-sm );--sapphire-semantic-size-font-label-m: var( --sapphire-semantic-size-font-label-md );--sapphire-semantic-size-font-label-l: var( --sapphire-semantic-size-font-label-lg );--sapphire-semantic-size-font-control-s: var( --sapphire-semantic-size-font-control-sm );--sapphire-semantic-size-font-control-m: var( --sapphire-semantic-size-font-control-md );--sapphire-semantic-size-line-height-sm: var( --sapphire-semantic-size-line-height-sm );--sapphire-semantic-size-line-height-m: var( --sapphire-semantic-size-line-height-md );--sapphire-semantic-size-spacing-control-vertical-s: var( --sapphire-semantic-size-spacing-control-vertical-sm );--sapphire-semantic-size-spacing-control-vertical-m: var( --sapphire-semantic-size-spacing-control-vertical-md );--sapphire-semantic-size-spacing-control-vertical-l: var( --sapphire-semantic-size-spacing-control-vertical-lg );--sapphire-semantic-size-spacing-control-horizontal-m: var( --sapphire-semantic-size-spacing-control-horizontal-md );--sapphire-semantic-size-spacing-control-horizontal-l: var( --sapphire-semantic-size-spacing-control-horizontal-lg );--sapphire-semantic-size-spacing-data-collection-item-horizontal-s: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-sm );--sapphire-semantic-size-spacing-data-collection-item-horizontal-m: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-md );--sapphire-semantic-size-spacing-data-collection-item-horizontal-l: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-lg );--sapphire-semantic-size-spacing-container-horizontal-m: var( --sapphire-semantic-size-spacing-container-horizontal-md );--sapphire-semantic-color-background-surface-backdrop: var( --sapphire-semantic-color-background-backdrop );--sapphire-semantic-color-background-surface-primary-default: var( --sapphire-semantic-color-background-surface );--sapphire-semantic-color-background-surface-primary-hover: var( --sapphire-semantic-color-background-action-tertiary-default );--sapphire-semantic-color-background-surface-secondary: var( --sapphire-semantic-color-background-action-tertiary-default )}:host ::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] :host ::ng-deep .cdk-visually-hidden{left:auto;right:0}:host ::ng-deep .cdk-overlay-container,:host ::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}:host ::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}:host ::ng-deep .cdk-overlay-container:empty{display:none}:host ::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}:host ::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}:host ::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}:host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active :host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}:host ::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}:host ::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}:host ::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}:host ::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}:host ::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}:host ::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-container,:host.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container,:host.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock,::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] }]
|
|
6912
6911
|
}] });
|
|
6913
6912
|
/**
|
|
6914
6913
|
* Sapphire default theme
|
|
@@ -6916,10 +6915,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6916
6915
|
class ThemeDefaultDark {
|
|
6917
6916
|
}
|
|
6918
6917
|
ThemeDefaultDark.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefaultDark, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6919
|
-
ThemeDefaultDark.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ThemeDefaultDark, isStandalone: true, selector: "sp-theme-default-dark", hostDirectives: [{ directive: ThemeBaseDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,::ng-deep .sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,::ng-deep .sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default-dark.sapphire-theme--contrast,.sapphire-theme-default-dark .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-opacity-35: .35;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-50: .5;--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-size-static-0: 0px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-60: 24px;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-ratio-height: .875;--sapphire-global-time-100: .1s;--sapphire-global-time-200: .2s;--sapphire-global-time-400: .4s;--sapphire-global-time-1000: 1s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-2000: 2s;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-106);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100)}:host ::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] :host ::ng-deep .cdk-visually-hidden{left:auto;right:0}:host ::ng-deep .cdk-overlay-container,:host ::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}:host ::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}:host ::ng-deep .cdk-overlay-container:empty{display:none}:host ::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}:host ::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}:host ::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}:host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active :host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}:host ::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}:host ::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}:host ::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}:host ::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}:host ::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}:host ::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-container,:host.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container,:host.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock,::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] });
|
|
6918
|
+
ThemeDefaultDark.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ThemeDefaultDark, isStandalone: true, selector: "sp-theme-default-dark", hostDirectives: [{ directive: ThemeBaseDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,::ng-deep .sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,::ng-deep .sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default-dark.sapphire-theme--contrast,.sapphire-theme-default-dark .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-opacity-35: .35;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-50: .5;--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-size-static-0: 0px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-60: 24px;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-ratio-height: .875;--sapphire-global-time-100: .1s;--sapphire-global-time-200: .2s;--sapphire-global-time-400: .4s;--sapphire-global-time-1000: 1s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-2000: 2s;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100)}:host{--sapphire-semantic-size-height-control-xxs: var( --sapphire-semantic-size-height-control-2xs );--sapphire-semantic-size-height-control-s: var( --sapphire-semantic-size-height-control-sm );--sapphire-semantic-size-height-control-m: var( --sapphire-semantic-size-height-control-md );--sapphire-semantic-size-height-control-l: var( --sapphire-semantic-size-height-control-lg );--sapphire-semantic-size-height-input-l: var( --sapphire-semantic-size-height-input-lg );--sapphire-semantic-size-height-box-m: var( --sapphire-semantic-size-height-box-md );--sapphire-semantic-size-height-box-l: var( --sapphire-semantic-size-height-box-lg );--sapphire-semantic-size-icon-s: var(--sapphire-semantic-size-icon-sm);--sapphire-semantic-size-icon-m: var(--sapphire-semantic-size-icon-md);--sapphire-semantic-size-icon-l: var(--sapphire-semantic-size-icon-lg);--sapphire-semantic-size-border-s: var(--sapphire-semantic-size-border-sm);--sapphire-semantic-size-border-m: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-border-l: var(--sapphire-semantic-size-border-lg);--sapphire-semantic-size-font-text-s: var( --sapphire-semantic-size-font-text-sm );--sapphire-semantic-size-font-text-m: var( --sapphire-semantic-size-font-text-md );--sapphire-semantic-size-font-text-l: var( --sapphire-semantic-size-font-text-lg );--sapphire-semantic-size-font-label-s: var( --sapphire-semantic-size-font-label-sm );--sapphire-semantic-size-font-label-m: var( --sapphire-semantic-size-font-label-md );--sapphire-semantic-size-font-label-l: var( --sapphire-semantic-size-font-label-lg );--sapphire-semantic-size-font-control-s: var( --sapphire-semantic-size-font-control-sm );--sapphire-semantic-size-font-control-m: var( --sapphire-semantic-size-font-control-md );--sapphire-semantic-size-line-height-sm: var( --sapphire-semantic-size-line-height-sm );--sapphire-semantic-size-line-height-m: var( --sapphire-semantic-size-line-height-md );--sapphire-semantic-size-spacing-control-vertical-s: var( --sapphire-semantic-size-spacing-control-vertical-sm );--sapphire-semantic-size-spacing-control-vertical-m: var( --sapphire-semantic-size-spacing-control-vertical-md );--sapphire-semantic-size-spacing-control-vertical-l: var( --sapphire-semantic-size-spacing-control-vertical-lg );--sapphire-semantic-size-spacing-control-horizontal-m: var( --sapphire-semantic-size-spacing-control-horizontal-md );--sapphire-semantic-size-spacing-control-horizontal-l: var( --sapphire-semantic-size-spacing-control-horizontal-lg );--sapphire-semantic-size-spacing-data-collection-item-horizontal-s: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-sm );--sapphire-semantic-size-spacing-data-collection-item-horizontal-m: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-md );--sapphire-semantic-size-spacing-data-collection-item-horizontal-l: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-lg );--sapphire-semantic-size-spacing-container-horizontal-m: var( --sapphire-semantic-size-spacing-container-horizontal-md );--sapphire-semantic-color-background-surface-backdrop: var( --sapphire-semantic-color-background-backdrop );--sapphire-semantic-color-background-surface-primary-default: var( --sapphire-semantic-color-background-surface );--sapphire-semantic-color-background-surface-primary-hover: var( --sapphire-semantic-color-background-action-tertiary-default );--sapphire-semantic-color-background-surface-secondary: var( --sapphire-semantic-color-background-action-tertiary-default )}:host ::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] :host ::ng-deep .cdk-visually-hidden{left:auto;right:0}:host ::ng-deep .cdk-overlay-container,:host ::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}:host ::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}:host ::ng-deep .cdk-overlay-container:empty{display:none}:host ::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}:host ::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}:host ::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}:host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active :host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}:host ::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}:host ::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}:host ::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}:host ::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}:host ::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}:host ::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-container,:host.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container,:host.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock,::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] });
|
|
6920
6919
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefaultDark, decorators: [{
|
|
6921
6920
|
type: Component,
|
|
6922
|
-
args: [{ selector: 'sp-theme-default-dark', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,::ng-deep .sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,::ng-deep .sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default-dark.sapphire-theme--contrast,.sapphire-theme-default-dark .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-opacity-35: .35;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-50: .5;--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-size-static-0: 0px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-60: 24px;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-ratio-height: .875;--sapphire-global-time-100: .1s;--sapphire-global-time-200: .2s;--sapphire-global-time-400: .4s;--sapphire-global-time-1000: 1s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-2000: 2s;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-106);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-106);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100)}:host ::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] :host ::ng-deep .cdk-visually-hidden{left:auto;right:0}:host ::ng-deep .cdk-overlay-container,:host ::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}:host ::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}:host ::ng-deep .cdk-overlay-container:empty{display:none}:host ::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}:host ::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}:host ::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}:host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active :host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}:host ::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}:host ::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}:host ::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}:host ::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}:host ::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}:host ::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-container,:host.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container,:host.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock,::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] }]
|
|
6921
|
+
args: [{ selector: 'sp-theme-default-dark', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,::ng-deep .sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,::ng-deep .sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default-dark,:host,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default-dark.sapphire-theme--contrast,.sapphire-theme-default-dark .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-opacity-35: .35;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-50: .5;--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-size-static-0: 0px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-60: 24px;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-ratio-height: .875;--sapphire-global-time-100: .1s;--sapphire-global-time-200: .2s;--sapphire-global-time-400: .4s;--sapphire-global-time-1000: 1s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-2000: 2s;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100)}:host{--sapphire-semantic-size-height-control-xxs: var( --sapphire-semantic-size-height-control-2xs );--sapphire-semantic-size-height-control-s: var( --sapphire-semantic-size-height-control-sm );--sapphire-semantic-size-height-control-m: var( --sapphire-semantic-size-height-control-md );--sapphire-semantic-size-height-control-l: var( --sapphire-semantic-size-height-control-lg );--sapphire-semantic-size-height-input-l: var( --sapphire-semantic-size-height-input-lg );--sapphire-semantic-size-height-box-m: var( --sapphire-semantic-size-height-box-md );--sapphire-semantic-size-height-box-l: var( --sapphire-semantic-size-height-box-lg );--sapphire-semantic-size-icon-s: var(--sapphire-semantic-size-icon-sm);--sapphire-semantic-size-icon-m: var(--sapphire-semantic-size-icon-md);--sapphire-semantic-size-icon-l: var(--sapphire-semantic-size-icon-lg);--sapphire-semantic-size-border-s: var(--sapphire-semantic-size-border-sm);--sapphire-semantic-size-border-m: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-border-l: var(--sapphire-semantic-size-border-lg);--sapphire-semantic-size-font-text-s: var( --sapphire-semantic-size-font-text-sm );--sapphire-semantic-size-font-text-m: var( --sapphire-semantic-size-font-text-md );--sapphire-semantic-size-font-text-l: var( --sapphire-semantic-size-font-text-lg );--sapphire-semantic-size-font-label-s: var( --sapphire-semantic-size-font-label-sm );--sapphire-semantic-size-font-label-m: var( --sapphire-semantic-size-font-label-md );--sapphire-semantic-size-font-label-l: var( --sapphire-semantic-size-font-label-lg );--sapphire-semantic-size-font-control-s: var( --sapphire-semantic-size-font-control-sm );--sapphire-semantic-size-font-control-m: var( --sapphire-semantic-size-font-control-md );--sapphire-semantic-size-line-height-sm: var( --sapphire-semantic-size-line-height-sm );--sapphire-semantic-size-line-height-m: var( --sapphire-semantic-size-line-height-md );--sapphire-semantic-size-spacing-control-vertical-s: var( --sapphire-semantic-size-spacing-control-vertical-sm );--sapphire-semantic-size-spacing-control-vertical-m: var( --sapphire-semantic-size-spacing-control-vertical-md );--sapphire-semantic-size-spacing-control-vertical-l: var( --sapphire-semantic-size-spacing-control-vertical-lg );--sapphire-semantic-size-spacing-control-horizontal-m: var( --sapphire-semantic-size-spacing-control-horizontal-md );--sapphire-semantic-size-spacing-control-horizontal-l: var( --sapphire-semantic-size-spacing-control-horizontal-lg );--sapphire-semantic-size-spacing-data-collection-item-horizontal-s: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-sm );--sapphire-semantic-size-spacing-data-collection-item-horizontal-m: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-md );--sapphire-semantic-size-spacing-data-collection-item-horizontal-l: var( --sapphire-semantic-size-spacing-data-collection-item-horizontal-lg );--sapphire-semantic-size-spacing-container-horizontal-m: var( --sapphire-semantic-size-spacing-container-horizontal-md );--sapphire-semantic-color-background-surface-backdrop: var( --sapphire-semantic-color-background-backdrop );--sapphire-semantic-color-background-surface-primary-default: var( --sapphire-semantic-color-background-surface );--sapphire-semantic-color-background-surface-primary-hover: var( --sapphire-semantic-color-background-action-tertiary-default );--sapphire-semantic-color-background-surface-secondary: var( --sapphire-semantic-color-background-action-tertiary-default )}:host ::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] :host ::ng-deep .cdk-visually-hidden{left:auto;right:0}:host ::ng-deep .cdk-overlay-container,:host ::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}:host ::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}:host ::ng-deep .cdk-overlay-container:empty{display:none}:host ::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}:host ::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}:host ::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}:host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active :host ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}:host ::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}:host ::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}:host ::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}:host ::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}:host ::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}:host ::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-container,:host.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container,:host.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock,::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] }]
|
|
6923
6922
|
}] });
|
|
6924
6923
|
|
|
6925
6924
|
/**
|
|
@@ -6959,16 +6958,34 @@ class SapphireThemeModule {
|
|
|
6959
6958
|
SapphireThemeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6960
6959
|
SapphireThemeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule, imports: [OverlayModule, ThemeRootDirective, ThemeDefault, ThemeDefaultDark], exports: [ThemeRootDirective, ThemeDefault, ThemeDefaultDark] });
|
|
6961
6960
|
SapphireThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule, providers: [
|
|
6961
|
+
/**
|
|
6962
|
+
* Since we want to provide SapphireOverlayContainer as OverlayContainer token,
|
|
6963
|
+
* we can't just { providedIn: 'root' } to provide the default overlay container.
|
|
6964
|
+
* A side effect of that is that in lazy-loaded modules, a new instance of
|
|
6965
|
+
* SapphireOverlayContainer will be created, which is not ideal, but it should be ok,
|
|
6966
|
+
* since sp-theme-* components that are supposed to be rendered at top level provide
|
|
6967
|
+
* OverlayContainer (and Overlay) which will take precedent over the global
|
|
6968
|
+
* OverlayContainer that's only used in services like ModalService.
|
|
6969
|
+
* We could also follow the `forRoot` pattern, but it unnecessarily complicates the API.
|
|
6970
|
+
*/
|
|
6962
6971
|
{ provide: OverlayContainer, useClass: SapphireOverlayContainer },
|
|
6963
|
-
Overlay,
|
|
6964
6972
|
], imports: [OverlayModule, ThemeDefault, ThemeDefaultDark] });
|
|
6965
6973
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireThemeModule, decorators: [{
|
|
6966
6974
|
type: NgModule,
|
|
6967
6975
|
args: [{
|
|
6968
6976
|
declarations: [],
|
|
6969
6977
|
providers: [
|
|
6978
|
+
/**
|
|
6979
|
+
* Since we want to provide SapphireOverlayContainer as OverlayContainer token,
|
|
6980
|
+
* we can't just { providedIn: 'root' } to provide the default overlay container.
|
|
6981
|
+
* A side effect of that is that in lazy-loaded modules, a new instance of
|
|
6982
|
+
* SapphireOverlayContainer will be created, which is not ideal, but it should be ok,
|
|
6983
|
+
* since sp-theme-* components that are supposed to be rendered at top level provide
|
|
6984
|
+
* OverlayContainer (and Overlay) which will take precedent over the global
|
|
6985
|
+
* OverlayContainer that's only used in services like ModalService.
|
|
6986
|
+
* We could also follow the `forRoot` pattern, but it unnecessarily complicates the API.
|
|
6987
|
+
*/
|
|
6970
6988
|
{ provide: OverlayContainer, useClass: SapphireOverlayContainer },
|
|
6971
|
-
Overlay,
|
|
6972
6989
|
],
|
|
6973
6990
|
imports: [OverlayModule, ThemeRootDirective, ThemeDefault, ThemeDefaultDark],
|
|
6974
6991
|
exports: [ThemeRootDirective, ThemeDefault, ThemeDefaultDark],
|
|
@@ -7067,9 +7084,10 @@ class ModalService {
|
|
|
7067
7084
|
}
|
|
7068
7085
|
}
|
|
7069
7086
|
ModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalService, deps: [{ token: i1$6.Dialog }, { token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7070
|
-
ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalService });
|
|
7087
|
+
ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalService, providedIn: 'root' });
|
|
7071
7088
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalService, decorators: [{
|
|
7072
|
-
type: Injectable
|
|
7089
|
+
type: Injectable,
|
|
7090
|
+
args: [{ providedIn: 'root' }]
|
|
7073
7091
|
}], ctorParameters: function () { return [{ type: i1$6.Dialog }, { type: i1$4.Overlay }]; } });
|
|
7074
7092
|
|
|
7075
7093
|
/**
|
|
@@ -7354,7 +7372,7 @@ class DialogHeaderComponent {
|
|
|
7354
7372
|
}
|
|
7355
7373
|
}
|
|
7356
7374
|
DialogHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderComponent, deps: [{ token: forwardRef(() => DialogComponent) }], target: i0.ɵɵFactoryTarget.Component });
|
|
7357
|
-
DialogHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogHeaderComponent, selector: "sp-dialog-header", host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: DialogHeaderDirective, inputs: ["id", "id"] }, { directive: UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n </div>\n
|
|
7375
|
+
DialogHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogHeaderComponent, selector: "sp-dialog-header", host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: DialogHeaderDirective, inputs: ["id", "id"] }, { directive: UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n </div>\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"medium\"\n spDialogCloseButton\n *ngIf=\"dialog.type === 'passive'\"\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "fontVariant"] }, { kind: "component", type: IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: DialogCloseButtonDirective, selector: "button[spDialogCloseButton]" }] });
|
|
7358
7376
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderComponent, decorators: [{
|
|
7359
7377
|
type: Component,
|
|
7360
7378
|
args: [{ selector: 'sp-dialog-header', hostDirectives: [
|
|
@@ -7362,7 +7380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7362
7380
|
UseComponentStyles,
|
|
7363
7381
|
], host: {
|
|
7364
7382
|
class: 'sapphire-modal-layout__header-container',
|
|
7365
|
-
}, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n </div>\n
|
|
7383
|
+
}, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n </div>\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"medium\"\n spDialogCloseButton\n *ngIf=\"dialog.type === 'passive'\"\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n" }]
|
|
7366
7384
|
}], ctorParameters: function () {
|
|
7367
7385
|
return [{ type: DialogComponent, decorators: [{
|
|
7368
7386
|
type: Inject,
|
|
@@ -7487,7 +7505,7 @@ class DialogComponent extends ModalBaseComponent {
|
|
|
7487
7505
|
}
|
|
7488
7506
|
}
|
|
7489
7507
|
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, deps: [{ token: i1$6.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7490
|
-
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogComponent, selector: "sp-dialog", inputs: { size: "size" }, host: { properties: { "class.sapphire-dialog--xs": "size === 'extra-small'", "class.sapphire-dialog--sm": "size === 'small'", "class.sapphire-dialog--md": "size === 'medium'", "class.sapphire-dialog--lg": "size === 'large'", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, queries: [{ propertyName: "footer", first: true, predicate: DialogFooterDirective, descendants: true }, { propertyName: "header", first: true, predicate: DialogHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: DialogContentDirective, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: "<div class=\"sapphire-modal-layout\">\n <ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n <ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n <ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-
|
|
7508
|
+
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogComponent, selector: "sp-dialog", inputs: { size: "size" }, host: { properties: { "class.sapphire-dialog--xs": "size === 'extra-small'", "class.sapphire-dialog--sm": "size === 'small'", "class.sapphire-dialog--md": "size === 'medium'", "class.sapphire-dialog--lg": "size === 'large'", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, queries: [{ propertyName: "footer", first: true, predicate: DialogFooterDirective, descendants: true }, { propertyName: "header", first: true, predicate: DialogHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: DialogContentDirective, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: "<div class=\"sapphire-modal-layout\">\n <ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n <ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n <ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] });
|
|
7491
7509
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, decorators: [{
|
|
7492
7510
|
type: Component,
|
|
7493
7511
|
args: [{ selector: 'sp-dialog', host: {
|
|
@@ -7497,7 +7515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7497
7515
|
'[class.sapphire-dialog--md]': "size === 'medium'",
|
|
7498
7516
|
'[class.sapphire-dialog--lg]': "size === 'large'",
|
|
7499
7517
|
'[class.sapphire-dialog--exiting]': 'dialogRef.closing',
|
|
7500
|
-
}, hostDirectives: [UseComponentStylesOnHost], template: "<div class=\"sapphire-modal-layout\">\n <ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n <ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n <ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-
|
|
7518
|
+
}, hostDirectives: [UseComponentStylesOnHost], template: "<div class=\"sapphire-modal-layout\">\n <ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n <ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n <ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
|
|
7501
7519
|
}], ctorParameters: function () { return [{ type: i1$6.DialogRef }]; }, propDecorators: { size: [{
|
|
7502
7520
|
type: Input
|
|
7503
7521
|
}], footer: [{
|
|
@@ -7741,7 +7759,7 @@ class PanelHeaderComponent {
|
|
|
7741
7759
|
}
|
|
7742
7760
|
}
|
|
7743
7761
|
PanelHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7744
|
-
PanelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelHeaderComponent, selector: "sp-panel-header", inputs: { subheading: "subheading" }, outputs: { closeEventEmitter: "closeClicked" }, host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: PanelHeaderDirective, inputs: ["id", "id"] }, { directive: UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <ng-content select=\"[spPanelBackButton]\"></ng-content>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n <div\n *ngIf=\"!!subheading\"\n class=\"sapphire-modal-layout__subheading\"\n _spUseComponentStyles\n >\n {{ subheading }}\n </div>\n </div>\n
|
|
7762
|
+
PanelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelHeaderComponent, selector: "sp-panel-header", inputs: { subheading: "subheading" }, outputs: { closeEventEmitter: "closeClicked" }, host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: PanelHeaderDirective, inputs: ["id", "id"] }, { directive: UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <ng-content select=\"[spPanelBackButton]\"></ng-content>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n <div\n *ngIf=\"!!subheading\"\n class=\"sapphire-modal-layout__subheading\"\n _spUseComponentStyles\n >\n {{ subheading }}\n </div>\n </div>\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"medium\"\n (click)=\"close($event)\"\n spPanelCloseButton\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "fontVariant"] }, { kind: "component", type: IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: PanelCloseButtonDirective, selector: "button[spPanelCloseButton]" }] });
|
|
7745
7763
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderComponent, decorators: [{
|
|
7746
7764
|
type: Component,
|
|
7747
7765
|
args: [{ selector: 'sp-panel-header', hostDirectives: [
|
|
@@ -7749,7 +7767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7749
7767
|
UseComponentStyles,
|
|
7750
7768
|
], host: {
|
|
7751
7769
|
class: 'sapphire-modal-layout__header-container',
|
|
7752
|
-
}, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <ng-content select=\"[spPanelBackButton]\"></ng-content>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n <div\n *ngIf=\"!!subheading\"\n class=\"sapphire-modal-layout__subheading\"\n _spUseComponentStyles\n >\n {{ subheading }}\n </div>\n </div>\n
|
|
7770
|
+
}, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <ng-content select=\"[spPanelBackButton]\"></ng-content>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n <div\n *ngIf=\"!!subheading\"\n class=\"sapphire-modal-layout__subheading\"\n _spUseComponentStyles\n >\n {{ subheading }}\n </div>\n </div>\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"medium\"\n (click)=\"close($event)\"\n spPanelCloseButton\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n" }]
|
|
7753
7771
|
}], propDecorators: { subheading: [{
|
|
7754
7772
|
type: Input
|
|
7755
7773
|
}], closeEventEmitter: [{
|
|
@@ -7799,14 +7817,14 @@ class PanelComponent extends ModalBaseComponent {
|
|
|
7799
7817
|
}
|
|
7800
7818
|
}
|
|
7801
7819
|
PanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, deps: [{ token: i1$6.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7802
|
-
PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelComponent, selector: "sp-panel", inputs: { size: "size" }, host: { properties: { "class.sapphire-panel--sm": "size === \"small\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, queries: [{ propertyName: "header", first: true, predicate: PanelHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: PanelContentComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: "<div class=\"sapphire-modal-layout\">\n <ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n <ng-content select=\"sp-panel-content\"></ng-content>\n <ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) ease-in-out;transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-
|
|
7820
|
+
PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelComponent, selector: "sp-panel", inputs: { size: "size" }, host: { properties: { "class.sapphire-panel--sm": "size === \"small\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, queries: [{ propertyName: "header", first: true, predicate: PanelHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: PanelContentComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: "<div class=\"sapphire-modal-layout\">\n <ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n <ng-content select=\"sp-panel-content\"></ng-content>\n <ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) ease-in-out;transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] });
|
|
7803
7821
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, decorators: [{
|
|
7804
7822
|
type: Component,
|
|
7805
7823
|
args: [{ selector: 'sp-panel', host: {
|
|
7806
7824
|
class: 'sapphire-panel',
|
|
7807
7825
|
'[class.sapphire-panel--sm]': 'size === "small"',
|
|
7808
7826
|
'[class.sapphire-panel--visible]': '!dialogRef.closing',
|
|
7809
|
-
}, hostDirectives: [UseComponentStylesOnHost], template: "<div class=\"sapphire-modal-layout\">\n <ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n <ng-content select=\"sp-panel-content\"></ng-content>\n <ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) ease-in-out;transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-
|
|
7827
|
+
}, hostDirectives: [UseComponentStylesOnHost], template: "<div class=\"sapphire-modal-layout\">\n <ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n <ng-content select=\"sp-panel-content\"></ng-content>\n <ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) ease-in-out;transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
|
|
7810
7828
|
}], ctorParameters: function () { return [{ type: i1$6.DialogRef }]; }, propDecorators: { size: [{
|
|
7811
7829
|
type: Input
|
|
7812
7830
|
}], header: [{
|
|
@@ -7898,12 +7916,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7898
7916
|
class InlinePanelComponent {
|
|
7899
7917
|
}
|
|
7900
7918
|
InlinePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: InlinePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7901
|
-
InlinePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: InlinePanelComponent, selector: "sp-inline-panel", host: { classAttribute: "sapphire-modal-layout" }, hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-
|
|
7919
|
+
InlinePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: InlinePanelComponent, selector: "sp-inline-panel", host: { classAttribute: "sapphire-modal-layout" }, hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] });
|
|
7902
7920
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: InlinePanelComponent, decorators: [{
|
|
7903
7921
|
type: Component,
|
|
7904
7922
|
args: [{ selector: 'sp-inline-panel', template: '<ng-content></ng-content>', host: {
|
|
7905
7923
|
class: 'sapphire-modal-layout', // FIXME: remove component in favour of modal layout (UC-3744)
|
|
7906
|
-
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-
|
|
7924
|
+
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
|
|
7907
7925
|
}] });
|
|
7908
7926
|
|
|
7909
7927
|
class SapphireModalModule {
|
|
@@ -7955,7 +7973,7 @@ SapphireModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
7955
7973
|
PanelFooterDirective,
|
|
7956
7974
|
PanelCloseButtonDirective,
|
|
7957
7975
|
PanelBackButtonDirective] });
|
|
7958
|
-
SapphireModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireModalModule,
|
|
7976
|
+
SapphireModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireModalModule, imports: [CommonModule,
|
|
7959
7977
|
DialogModule,
|
|
7960
7978
|
SapphireThemeModule,
|
|
7961
7979
|
SapphireTypographyModule,
|
|
@@ -8018,7 +8036,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
8018
8036
|
PanelCloseButtonDirective,
|
|
8019
8037
|
PanelBackButtonDirective,
|
|
8020
8038
|
],
|
|
8021
|
-
providers: [ModalService],
|
|
8022
8039
|
}]
|
|
8023
8040
|
}] });
|
|
8024
8041
|
|