@danske/sapphire-angular 3.0.1 → 3.1.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/checkbox/src/checkbox.component.mjs +2 -2
- package/esm2020/lib/field/src/field.component.mjs +9 -4
- package/esm2020/lib/list/src/list.component.mjs +2 -2
- package/esm2020/lib/pagination/src/page-selection-row.component.mjs +3 -3
- package/esm2020/lib/pagination/src/pagination.component.mjs +3 -3
- package/esm2020/lib/segmented-tabs/src/segmented-tab.component.mjs +2 -2
- package/esm2020/lib/table/src/table.component.mjs +2 -2
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/fesm2015/danske-sapphire-angular.mjs +24 -19
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +24 -19
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/field/src/field.component.d.ts +6 -1
- package/package.json +3 -3
|
@@ -2671,18 +2671,21 @@ class FieldComponent {
|
|
|
2671
2671
|
}
|
|
2672
2672
|
}
|
|
2673
2673
|
FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FieldComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: IconRegistry }], target: i0.ɵɵFactoryTarget.Component });
|
|
2674
|
-
FieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: FieldComponent, selector: "sp-field", inputs: { necessityIndicator: "necessityIndicator", labelPlacement: "labelPlacement", noDefaultWidth: "noDefaultWidth", size: "size" }, host: { properties: { "class.sapphire-field--label-placement-side": "labelPlacement === \"side\"", "class.sapphire-field--no-width": "noDefaultWidth || !controlHasDefaultWidth()", "class.sapphire-field--label-alignment-top": "labelPlacement === \"side\" && hasRadioGroupChild()", "class.sapphire-field--md": "size === \"md\"", "class.is-disabled": "isDisabled()" }, classAttribute: "sapphire-field" }, providers: [
|
|
2674
|
+
FieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: FieldComponent, selector: "sp-field", inputs: { necessityIndicator: "necessityIndicator", labelPlacement: "labelPlacement", noDefaultWidth: "noDefaultWidth", allowNoteAndError: "allowNoteAndError", size: "size" }, host: { properties: { "class.sapphire-field--label-placement-side": "labelPlacement === \"side\"", "class.sapphire-field--no-width": "noDefaultWidth || !controlHasDefaultWidth()", "class.sapphire-field--label-alignment-top": "labelPlacement === \"side\" && hasRadioGroupChild()", "class.sapphire-field--md": "size === \"md\"", "class.is-disabled": "isDisabled()" }, classAttribute: "sapphire-field" }, providers: [
|
|
2675
2675
|
{
|
|
2676
2676
|
provide: ICON_SIZE_PROVIDER,
|
|
2677
2677
|
useClass: FieldIconSizeProvider,
|
|
2678
2678
|
},
|
|
2679
|
-
], queries: [{ propertyName: "note", first: true, predicate: FieldNoteDirective, descendants: true }, { propertyName: "error", first: true, predicate: FieldErrorDirective, descendants: true }, { propertyName: "_fieldLabel", first: true, predicate: FieldLabelDirective, descendants: true }, { propertyName: "radioGroup", first: true, predicate: RadioGroupComponent, descendants: true }, { propertyName: "requiredValidator", first: true, predicate: RequiredValidator, descendants: true }, { propertyName: "controls", predicate: FieldControl }], viewQueries: [{ propertyName: "label", first: true, predicate: LabelComponent, descendants: true }], hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: "<div class=\"sapphire-field__label\" *ngIf=\"_fieldLabel\">\n <sp-label\n [necessityIndicator]=\"labelNecessityIndicator\"\n [for]=\"control?.getId?.()\"\n [disabled]=\"isDisabled()\"\n (labelClick)=\"control?.focus?.('keyboard')\"\n [size]=\"size\"\n >\n <ng-content select=\"sp-field-label\"></ng-content>\n <ng-content\n select=\"sp-help-button\"\n ngProjectAs=\"sp-help-button\"\n ></ng-content>\n </sp-label>\n</div>\n<div\n class=\"sapphire-field__control\"\n [ngClass]=\"{\n 'sapphire-field__control--group': isGroup\n }\"\n>\n <ng-content></ng-content>\n</div>\n<div class=\"sapphire-field__message\" *ngIf=\"note || error || _noteSuffixPortal\">\n <div\n class=\"sapphire-field__note-row\"\n [ngClass]=\"{\n 'sapphire-text--
|
|
2679
|
+
], queries: [{ propertyName: "note", first: true, predicate: FieldNoteDirective, descendants: true }, { propertyName: "error", first: true, predicate: FieldErrorDirective, descendants: true }, { propertyName: "_fieldLabel", first: true, predicate: FieldLabelDirective, descendants: true }, { propertyName: "radioGroup", first: true, predicate: RadioGroupComponent, descendants: true }, { propertyName: "requiredValidator", first: true, predicate: RequiredValidator, descendants: true }, { propertyName: "controls", predicate: FieldControl }], viewQueries: [{ propertyName: "label", first: true, predicate: LabelComponent, descendants: true }], hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: "<div class=\"sapphire-field__label\" *ngIf=\"_fieldLabel\">\n <sp-label\n [necessityIndicator]=\"labelNecessityIndicator\"\n [for]=\"control?.getId?.()\"\n [disabled]=\"isDisabled()\"\n (labelClick)=\"control?.focus?.('keyboard')\"\n [size]=\"size\"\n >\n <ng-content select=\"sp-field-label\"></ng-content>\n <ng-content\n select=\"sp-help-button\"\n ngProjectAs=\"sp-help-button\"\n ></ng-content>\n </sp-label>\n</div>\n<div\n class=\"sapphire-field__control\"\n [ngClass]=\"{\n 'sapphire-field__control--group': isGroup\n }\"\n>\n <ng-content></ng-content>\n</div>\n<div class=\"sapphire-field__message\" *ngIf=\"note || error || _noteSuffixPortal\">\n <div class=\"sapphire-field__note-row sapphire-text--negative\" *ngIf=\"error\">\n <span class=\"sapphire-field__note-icon\">\n <sp-icon name=\"error\" size=\"sm\"></sp-icon>\n </span>\n <div class=\"sapphire-field__note\">\n <ng-content select=\"sp-field-error\"></ng-content>\n </div>\n\n <ng-container *ngIf=\"_noteSuffixPortal\">\n <ng-container *cdkPortalOutlet=\"_noteSuffixPortal\"></ng-container>\n </ng-container>\n </div>\n <div\n class=\"sapphire-field__note-row\"\n [ngClass]=\"{\n 'sapphire-text--positive': note?.variant === 'success',\n 'sapphire-text--warning': note?.variant === 'warning'\n }\"\n *ngIf=\"note && (!error || allowNoteAndError)\"\n >\n <span class=\"sapphire-field__note-icon\" *ngIf=\"note?.icon\">\n <sp-icon [name]=\"note?.icon\" size=\"sm\"></sp-icon>\n </span>\n <div class=\"sapphire-field__note\">\n <ng-content select=\"sp-field-note\"></ng-content>\n </div>\n\n <ng-container *ngIf=\"!error && _noteSuffixPortal\">\n <ng-container *cdkPortalOutlet=\"_noteSuffixPortal\"></ng-container>\n </ng-container>\n </div>\n <div\n class=\"sapphire-field__note-row\"\n *ngIf=\"!note && !error && _noteSuffixPortal\"\n >\n <ng-container>\n <ng-container *cdkPortalOutlet=\"_noteSuffixPortal\"></ng-container>\n </ng-container>\n </div>\n</div>\n", styles: [".sapphire-field{display:inline-grid;grid-template-columns:auto;row-gap:var(--sapphire-semantic-size-spacing-2xs);column-gap:var(--sapphire-semantic-size-spacing-md);font-family:var(--sapphire-semantic-font-name-default);grid-auto-rows:min-content;width:var(--sapphire-semantic-size-width-field);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.sapphire-field--no-width{width:auto}fieldset.sapphire-field{border:0;margin:0;padding:0}.sapphire-field__label{order:1;justify-content:end}legend.sapphire-field__label{padding:0;float:left}.sapphire-field__control{order:2;width:100%;min-width:0;line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-control-lg)}.sapphire-field--md .sapphire-field__control{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-field__control--group{display:flex;gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-field--md .sapphire-field__control--group{gap:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-field--no-shrink .sapphire-field__control{min-width:initial}.sapphire-field__message{min-width:100%;max-width:min-content;order:3;display:flex;flex-direction:column;gap:var(--sapphire-semantic-size-spacing-4xs);padding:var(--sapphire-semantic-size-spacing-4xs) 0}.sapphire-field__note-row{display:flex;align-items:flex-start;gap:var(--sapphire-semantic-size-spacing-xs);font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-field--md .sapphire-field__note-row{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm);gap:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-field__note{flex:1}.sapphire-field__note-icon{display:inline-flex;line-height:0;padding-top:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-field--md .sapphire-field__note-icon{padding-top:0}.sapphire-field.is-disabled .sapphire-field__control{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-field.is-disabled .sapphire-field__control *{cursor:inherit}.sapphire-field--label-placement-side{grid-template-columns:max-content auto;width:auto}.sapphire-field--label-placement-side:not(.sapphire-field--no-width) .sapphire-field__control{width:var(--sapphire-semantic-size-width-field)}.sapphire-field--label-placement-side .sapphire-field__message{grid-column:2}.sapphire-field--label-placement-side .sapphire-field__label{display:flex;align-items:center;max-height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-field--label-placement-side.sapphire-field--md .sapphire-field__label{max-height:var(--sapphire-semantic-size-height-control-md)}.sapphire-field--label-placement-side.sapphire-field--label-alignment-top .sapphire-field__label{align-items:flex-start;max-height:unset}.sapphire-fieldset{display:inline-flex;flex-direction:column;width:min-content;gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-fieldset .sapphire-field--label-placement-side{grid-template-columns:1fr min-content}.sapphire-fieldset .sapphire-field--label-placement-side .sapphire-field__label{white-space:nowrap}.sapphire-text{font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-primary);font-weight:var(--sapphire-semantic-font-weight-default-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-text--strong{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-text--underlined{text-decoration:underline}.sapphire-text--secondary{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-text--informative{color:var(--sapphire-semantic-color-foreground-accent)}.sapphire-text--positive{color:var(--sapphire-semantic-color-foreground-positive)}.sapphire-text--warning{color:var(--sapphire-semantic-color-foreground-warning)}.sapphire-text--negative{color:var(--sapphire-semantic-color-foreground-negative)}.sapphire-text--heading-2xl,.sapphire-text--heading-xl,.sapphire-text--heading-lg,.sapphire-text--heading-md,.sapphire-text--heading-sm,.sapphire-text--heading-xs{margin-top:0;margin-bottom:0;line-height:var(--sapphire-global-size-line-height-sm);letter-spacing:-1%}.sapphire-text--heading-2xl{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-heading-2xl)}.sapphire-text--heading-xl{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-xl)}.sapphire-text--heading-lg{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-lg)}.sapphire-text--heading-md{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-md)}.sapphire-text--heading-sm{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-sm)}.sapphire-text--heading-xs{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-xs)}.sapphire-text--subheading-md,.sapphire-text--subheading-sm{line-height:var(--sapphire-global-size-line-height-sm)}.sapphire-text--subheading-md{font-size:var(--sapphire-semantic-size-font-body-sm)}.sapphire-text--subheading-sm{font-size:var(--sapphire-semantic-size-font-body-xs)}.sapphire-text--body-lg,.sapphire-text--body-md,.sapphire-text--body-sm,.sapphire-text--body-xs{line-height:var(--sapphire-global-size-line-height-md);margin-top:0;margin-bottom:0}.sapphire-text--body-lg{font-size:var(--sapphire-semantic-size-font-body-lg)}.sapphire-text--body-md{font-size:var(--sapphire-semantic-size-font-body-md)}.sapphire-text--body-sm{font-size:var(--sapphire-semantic-size-font-body-sm)}.sapphire-text--body-xs{font-size:var(--sapphire-semantic-size-font-body-xs)}.sapphire-text--caption-md,.sapphire-text--caption-sm{font-weight:var(--sapphire-semantic-font-weight-default-bold);line-height:var(--sapphire-global-size-line-height-sm)}.sapphire-text--caption-md{font-size:var(--sapphire-semantic-size-font-body-sm)}.sapphire-text--caption-sm{font-size:var(--sapphire-semantic-size-font-body-xs)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: LabelComponent, selector: "sp-label", inputs: ["id", "for", "disabled", "necessityIndicator", "size"], outputs: ["labelClick"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "sp-icon", inputs: ["name", "size", "color"] }] });
|
|
2680
2680
|
__decorate([
|
|
2681
2681
|
CoerceBoolean
|
|
2682
2682
|
], FieldComponent.prototype, "necessityIndicator", void 0);
|
|
2683
2683
|
__decorate([
|
|
2684
2684
|
CoerceBoolean
|
|
2685
2685
|
], FieldComponent.prototype, "noDefaultWidth", void 0);
|
|
2686
|
+
__decorate([
|
|
2687
|
+
CoerceBoolean
|
|
2688
|
+
], FieldComponent.prototype, "allowNoteAndError", void 0);
|
|
2686
2689
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FieldComponent, decorators: [{
|
|
2687
2690
|
type: Component,
|
|
2688
2691
|
args: [{ selector: 'sp-field', host: {
|
|
@@ -2697,13 +2700,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2697
2700
|
provide: ICON_SIZE_PROVIDER,
|
|
2698
2701
|
useClass: FieldIconSizeProvider,
|
|
2699
2702
|
},
|
|
2700
|
-
], standalone: false, template: "<div class=\"sapphire-field__label\" *ngIf=\"_fieldLabel\">\n <sp-label\n [necessityIndicator]=\"labelNecessityIndicator\"\n [for]=\"control?.getId?.()\"\n [disabled]=\"isDisabled()\"\n (labelClick)=\"control?.focus?.('keyboard')\"\n [size]=\"size\"\n >\n <ng-content select=\"sp-field-label\"></ng-content>\n <ng-content\n select=\"sp-help-button\"\n ngProjectAs=\"sp-help-button\"\n ></ng-content>\n </sp-label>\n</div>\n<div\n class=\"sapphire-field__control\"\n [ngClass]=\"{\n 'sapphire-field__control--group': isGroup\n }\"\n>\n <ng-content></ng-content>\n</div>\n<div class=\"sapphire-field__message\" *ngIf=\"note || error || _noteSuffixPortal\">\n <div\n class=\"sapphire-field__note-row\"\n [ngClass]=\"{\n 'sapphire-text--
|
|
2703
|
+
], standalone: false, template: "<div class=\"sapphire-field__label\" *ngIf=\"_fieldLabel\">\n <sp-label\n [necessityIndicator]=\"labelNecessityIndicator\"\n [for]=\"control?.getId?.()\"\n [disabled]=\"isDisabled()\"\n (labelClick)=\"control?.focus?.('keyboard')\"\n [size]=\"size\"\n >\n <ng-content select=\"sp-field-label\"></ng-content>\n <ng-content\n select=\"sp-help-button\"\n ngProjectAs=\"sp-help-button\"\n ></ng-content>\n </sp-label>\n</div>\n<div\n class=\"sapphire-field__control\"\n [ngClass]=\"{\n 'sapphire-field__control--group': isGroup\n }\"\n>\n <ng-content></ng-content>\n</div>\n<div class=\"sapphire-field__message\" *ngIf=\"note || error || _noteSuffixPortal\">\n <div class=\"sapphire-field__note-row sapphire-text--negative\" *ngIf=\"error\">\n <span class=\"sapphire-field__note-icon\">\n <sp-icon name=\"error\" size=\"sm\"></sp-icon>\n </span>\n <div class=\"sapphire-field__note\">\n <ng-content select=\"sp-field-error\"></ng-content>\n </div>\n\n <ng-container *ngIf=\"_noteSuffixPortal\">\n <ng-container *cdkPortalOutlet=\"_noteSuffixPortal\"></ng-container>\n </ng-container>\n </div>\n <div\n class=\"sapphire-field__note-row\"\n [ngClass]=\"{\n 'sapphire-text--positive': note?.variant === 'success',\n 'sapphire-text--warning': note?.variant === 'warning'\n }\"\n *ngIf=\"note && (!error || allowNoteAndError)\"\n >\n <span class=\"sapphire-field__note-icon\" *ngIf=\"note?.icon\">\n <sp-icon [name]=\"note?.icon\" size=\"sm\"></sp-icon>\n </span>\n <div class=\"sapphire-field__note\">\n <ng-content select=\"sp-field-note\"></ng-content>\n </div>\n\n <ng-container *ngIf=\"!error && _noteSuffixPortal\">\n <ng-container *cdkPortalOutlet=\"_noteSuffixPortal\"></ng-container>\n </ng-container>\n </div>\n <div\n class=\"sapphire-field__note-row\"\n *ngIf=\"!note && !error && _noteSuffixPortal\"\n >\n <ng-container>\n <ng-container *cdkPortalOutlet=\"_noteSuffixPortal\"></ng-container>\n </ng-container>\n </div>\n</div>\n", styles: [".sapphire-field{display:inline-grid;grid-template-columns:auto;row-gap:var(--sapphire-semantic-size-spacing-2xs);column-gap:var(--sapphire-semantic-size-spacing-md);font-family:var(--sapphire-semantic-font-name-default);grid-auto-rows:min-content;width:var(--sapphire-semantic-size-width-field);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.sapphire-field--no-width{width:auto}fieldset.sapphire-field{border:0;margin:0;padding:0}.sapphire-field__label{order:1;justify-content:end}legend.sapphire-field__label{padding:0;float:left}.sapphire-field__control{order:2;width:100%;min-width:0;line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-control-lg)}.sapphire-field--md .sapphire-field__control{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-field__control--group{display:flex;gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-field--md .sapphire-field__control--group{gap:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-field--no-shrink .sapphire-field__control{min-width:initial}.sapphire-field__message{min-width:100%;max-width:min-content;order:3;display:flex;flex-direction:column;gap:var(--sapphire-semantic-size-spacing-4xs);padding:var(--sapphire-semantic-size-spacing-4xs) 0}.sapphire-field__note-row{display:flex;align-items:flex-start;gap:var(--sapphire-semantic-size-spacing-xs);font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-field--md .sapphire-field__note-row{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm);gap:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-field__note{flex:1}.sapphire-field__note-icon{display:inline-flex;line-height:0;padding-top:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-field--md .sapphire-field__note-icon{padding-top:0}.sapphire-field.is-disabled .sapphire-field__control{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-field.is-disabled .sapphire-field__control *{cursor:inherit}.sapphire-field--label-placement-side{grid-template-columns:max-content auto;width:auto}.sapphire-field--label-placement-side:not(.sapphire-field--no-width) .sapphire-field__control{width:var(--sapphire-semantic-size-width-field)}.sapphire-field--label-placement-side .sapphire-field__message{grid-column:2}.sapphire-field--label-placement-side .sapphire-field__label{display:flex;align-items:center;max-height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-field--label-placement-side.sapphire-field--md .sapphire-field__label{max-height:var(--sapphire-semantic-size-height-control-md)}.sapphire-field--label-placement-side.sapphire-field--label-alignment-top .sapphire-field__label{align-items:flex-start;max-height:unset}.sapphire-fieldset{display:inline-flex;flex-direction:column;width:min-content;gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-fieldset .sapphire-field--label-placement-side{grid-template-columns:1fr min-content}.sapphire-fieldset .sapphire-field--label-placement-side .sapphire-field__label{white-space:nowrap}.sapphire-text{font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-primary);font-weight:var(--sapphire-semantic-font-weight-default-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-text--strong{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-text--underlined{text-decoration:underline}.sapphire-text--secondary{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-text--informative{color:var(--sapphire-semantic-color-foreground-accent)}.sapphire-text--positive{color:var(--sapphire-semantic-color-foreground-positive)}.sapphire-text--warning{color:var(--sapphire-semantic-color-foreground-warning)}.sapphire-text--negative{color:var(--sapphire-semantic-color-foreground-negative)}.sapphire-text--heading-2xl,.sapphire-text--heading-xl,.sapphire-text--heading-lg,.sapphire-text--heading-md,.sapphire-text--heading-sm,.sapphire-text--heading-xs{margin-top:0;margin-bottom:0;line-height:var(--sapphire-global-size-line-height-sm);letter-spacing:-1%}.sapphire-text--heading-2xl{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-heading-2xl)}.sapphire-text--heading-xl{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-xl)}.sapphire-text--heading-lg{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-lg)}.sapphire-text--heading-md{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-md)}.sapphire-text--heading-sm{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-sm)}.sapphire-text--heading-xs{font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-heading-xs)}.sapphire-text--subheading-md,.sapphire-text--subheading-sm{line-height:var(--sapphire-global-size-line-height-sm)}.sapphire-text--subheading-md{font-size:var(--sapphire-semantic-size-font-body-sm)}.sapphire-text--subheading-sm{font-size:var(--sapphire-semantic-size-font-body-xs)}.sapphire-text--body-lg,.sapphire-text--body-md,.sapphire-text--body-sm,.sapphire-text--body-xs{line-height:var(--sapphire-global-size-line-height-md);margin-top:0;margin-bottom:0}.sapphire-text--body-lg{font-size:var(--sapphire-semantic-size-font-body-lg)}.sapphire-text--body-md{font-size:var(--sapphire-semantic-size-font-body-md)}.sapphire-text--body-sm{font-size:var(--sapphire-semantic-size-font-body-sm)}.sapphire-text--body-xs{font-size:var(--sapphire-semantic-size-font-body-xs)}.sapphire-text--caption-md,.sapphire-text--caption-sm{font-weight:var(--sapphire-semantic-font-weight-default-bold);line-height:var(--sapphire-global-size-line-height-sm)}.sapphire-text--caption-md{font-size:var(--sapphire-semantic-size-font-body-sm)}.sapphire-text--caption-sm{font-size:var(--sapphire-semantic-size-font-body-xs)}\n"] }]
|
|
2701
2704
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: IconRegistry }]; }, propDecorators: { necessityIndicator: [{
|
|
2702
2705
|
type: Input
|
|
2703
2706
|
}], labelPlacement: [{
|
|
2704
2707
|
type: Input
|
|
2705
2708
|
}], noDefaultWidth: [{
|
|
2706
2709
|
type: Input
|
|
2710
|
+
}], allowNoteAndError: [{
|
|
2711
|
+
type: Input
|
|
2707
2712
|
}], size: [{
|
|
2708
2713
|
type: Input
|
|
2709
2714
|
}], note: [{
|
|
@@ -3006,7 +3011,7 @@ CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
|
|
|
3006
3011
|
multi: true,
|
|
3007
3012
|
},
|
|
3008
3013
|
{ provide: MessageDictionary, useValue: translations$2 },
|
|
3009
|
-
], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["spCheckbox"], usesInheritance: true, hostDirectives: [{ directive: ThemeCheckDirective }], ngImport: i0, template: "<label\n [for]=\"_inputId\"\n class=\"sapphire-checkbox\"\n [class.sapphire-checkbox--checked]=\"selected\"\n [class.sapphire-checkbox--indeterminate]=\"indeterminate\"\n [class.is-disabled]=\"disabled && !checkboxGroup?.disabled\"\n [class.sapphire-checkbox--md]=\"size === 'md'\"\n>\n <input\n #input\n type=\"checkbox\"\n class=\"sapphire-checkbox__input\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [id]=\"_inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (blur)=\"_onBlur()\"\n (click)=\"_onInputClick($event)\"\n (change)=\"_onInteractionEvent($event)\"\n />\n <span class=\"sapphire-checkbox__box\">\n <svg\n *ngIf=\"indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"square\"\n d=\"M7 12h10\"\n />\n <path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M18 11v2H6v-2z\" />\n </g>\n </svg>\n <svg\n *ngIf=\"selected && !indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M17.782 6.918l.753.659a.5.5 0 01.047.705L10.9 17.061a.5.5 0 01-.73.024l-4.232-4.231a.5.5 0 010-.708l.707-.707a.5.5 0 01.708 0l3.097 3.097 6.626-7.57a.5.5 0 01.705-.048z\"\n fill=\"currentColor\"\n fill-rule=\"nonzero\"\n />\n </svg>\n </span>\n <span class=\"sapphire-checkbox__label\">\n <ng-content></ng-content>\n <span\n *ngIf=\"labelNecessityIndicator === 'required'\"\n class=\"sapphire-checkbox__required-indicator\"\n ></span>\n <span\n *ngIf=\"labelNecessityIndicator === 'optional'\"\n class=\"sapphire-checkbox__optional-indicator\"\n >({{ 'optional' | t }})\n </span>\n </span>\n</label>\n", styles: [".sapphire-checkbox{font-family:var(--sapphire-semantic-font-name-default);display:inline-flex;position:relative;max-width:100%;cursor:pointer}.sapphire-checkbox__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-checkbox__label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-primary);line-height:var(--sapphire-semantic-size-height-control-xs);display:inline-flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-3xs)}.sapphire-checkbox__label:empty{margin-left:0}.sapphire-checkbox__required-indicator{background-image:url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99999 0.583344C4.41421 0.583344 4.74999 0.91913 4.74999 1.33334V3.22127L6.6017 2.62001C6.99567 2.49208 7.41874 2.70775 7.54666 3.10172C7.67459 3.49568 7.45892 3.91876 7.06495 4.04668L5.21363 4.64782L6.3601 6.22585C6.60356 6.56096 6.52927 7.02998 6.19416 7.27345C5.85905 7.51691 5.39002 7.44262 5.14656 7.10751L3.99999 5.52935L2.85343 7.10751C2.60996 7.44262 2.14094 7.51691 1.80583 7.27345C1.47072 7.02998 1.39642 6.56096 1.63989 6.22585L2.78636 4.64782L0.935036 4.04668C0.541071 3.91876 0.325401 3.49568 0.453323 3.10172C0.581246 2.70775 1.00432 2.49208 1.39829 2.62001L3.24999 3.22127V1.33334C3.24999 0.91913 3.58578 0.583344 3.99999 0.583344Z' fill='%23DD3254'/%3E%3C/svg%3E%0A\");width:8px;height:8px}.sapphire-checkbox__optional-indicator{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-checkbox--md .sapphire-checkbox__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-checkbox__error-text{display:block;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-foreground-on-negative-subtle);margin-top:var(--sapphire-semantic-size-spacing-2xs);margin-left:calc(var(--sapphire-semantic-size-spacing-sm) + var(--sapphire-semantic-size-height-box-lg))}.sapphire-checkbox__error-text--md{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm);margin-left:calc(var(--sapphire-semantic-size-spacing-sm) + var(--sapphire-semantic-size-height-box-md))}.sapphire-checkbox__box{box-sizing:border-box;position:relative;width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);border-radius:var(--sapphire-semantic-size-radius-sm);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-field-default);background:var(--sapphire-semantic-color-background-field);transition:all var(--sapphire-semantic-time-fade-quick) var(--sapphire-semantic-transitions-fade);flex-shrink:0;display:inline-flex;justify-content:center;align-items:center}.sapphire-checkbox__box:has(~ .sapphire-checkbox__label:not(:empty)){margin-top:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-checkbox--md .sapphire-checkbox__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox__box-icon{display:inherit;line-height:0;color:var(--sapphire-semantic-color-foreground-action-on-select-default);margin:calc(var(--sapphire-semantic-size-border-md) * -1);height:var(--sapphire-semantic-size-height-box-lg);width:var(--sapphire-semantic-size-height-box-lg)}.sapphire-checkbox--md .sapphire-checkbox__box-icon{height:var(--sapphire-semantic-size-height-box-md);width:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox--error .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-default)}.sapphire-checkbox--checked .sapphire-checkbox__box,.sapphire-checkbox--indeterminate .sapphire-checkbox__box{border-width:var(--sapphire-global-size-generic-0);background:var(--sapphire-semantic-color-background-action-select-default)}.sapphire-checkbox--checked.sapphire-checkbox--error .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error .sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-checkbox:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-field-hover)}.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-hover)}.sapphire-checkbox--checked:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-action-select-hover)}.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-checkbox:not(.sapphire-checkbox--checked).is-active .sapphire-checkbox__box,.sapphire-checkbox:not(.sapphire-checkbox--checked):active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-field-active)}.sapphire-checkbox--error:not(.sapphire-checkbox--checked).is-active .sapphire-checkbox__box,.sapphire-checkbox--error:not(.sapphire-checkbox--checked):active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-active)}.sapphire-checkbox--checked.is-active .sapphire-checkbox__box,.sapphire-checkbox--checked:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.is-active .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-select-active)}.sapphire-checkbox--checked.sapphire-checkbox--error.is-active .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error.is-active .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-active)}.sapphire-checkbox.is-focus .sapphire-checkbox__box,.sapphire-checkbox:not(.js-focus):has(input:focus-visible) .sapphire-checkbox__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-checkbox.is-disabled,.sapphire-checkbox__input:disabled{cursor:not-allowed}.sapphire-checkbox.is-disabled .sapphire-checkbox__box,.sapphire-checkbox.is-disabled .sapphire-checkbox__label{opacity:var(--sapphire-semantic-opacity-disabled)}:host{display:inline-flex}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3014
|
+
], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["spCheckbox"], usesInheritance: true, hostDirectives: [{ directive: ThemeCheckDirective }], ngImport: i0, template: "<label\n [for]=\"_inputId\"\n class=\"sapphire-checkbox\"\n [class.sapphire-checkbox--checked]=\"selected\"\n [class.sapphire-checkbox--indeterminate]=\"indeterminate\"\n [class.is-disabled]=\"disabled && !checkboxGroup?.disabled\"\n [class.sapphire-checkbox--md]=\"size === 'md'\"\n>\n <input\n #input\n type=\"checkbox\"\n class=\"sapphire-checkbox__input\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [id]=\"_inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (blur)=\"_onBlur()\"\n (click)=\"_onInputClick($event)\"\n (change)=\"_onInteractionEvent($event)\"\n />\n <span class=\"sapphire-checkbox__box\">\n <svg\n *ngIf=\"indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"square\"\n d=\"M7 12h10\"\n />\n <path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M18 11v2H6v-2z\" />\n </g>\n </svg>\n <svg\n *ngIf=\"selected && !indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M17.782 6.918l.753.659a.5.5 0 01.047.705L10.9 17.061a.5.5 0 01-.73.024l-4.232-4.231a.5.5 0 010-.708l.707-.707a.5.5 0 01.708 0l3.097 3.097 6.626-7.57a.5.5 0 01.705-.048z\"\n fill=\"currentColor\"\n fill-rule=\"nonzero\"\n />\n </svg>\n </span>\n <span class=\"sapphire-checkbox__label\">\n <ng-content></ng-content>\n <span\n *ngIf=\"labelNecessityIndicator === 'required'\"\n class=\"sapphire-checkbox__required-indicator\"\n ></span>\n <span\n *ngIf=\"labelNecessityIndicator === 'optional'\"\n class=\"sapphire-checkbox__optional-indicator\"\n >({{ 'optional' | t }})\n </span>\n </span>\n</label>\n", styles: [".sapphire-checkbox-container{display:flex;flex-flow:column}.sapphire-checkbox{font-family:var(--sapphire-semantic-font-name-default);display:inline-flex;position:relative;max-width:100%;cursor:pointer}.sapphire-checkbox__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-checkbox__label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-primary);line-height:var(--sapphire-semantic-size-height-control-xs);display:inline-flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-3xs)}.sapphire-checkbox__label:empty{margin-left:0}.sapphire-checkbox__required-indicator{background-image:url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99999 0.583344C4.41421 0.583344 4.74999 0.91913 4.74999 1.33334V3.22127L6.6017 2.62001C6.99567 2.49208 7.41874 2.70775 7.54666 3.10172C7.67459 3.49568 7.45892 3.91876 7.06495 4.04668L5.21363 4.64782L6.3601 6.22585C6.60356 6.56096 6.52927 7.02998 6.19416 7.27345C5.85905 7.51691 5.39002 7.44262 5.14656 7.10751L3.99999 5.52935L2.85343 7.10751C2.60996 7.44262 2.14094 7.51691 1.80583 7.27345C1.47072 7.02998 1.39642 6.56096 1.63989 6.22585L2.78636 4.64782L0.935036 4.04668C0.541071 3.91876 0.325401 3.49568 0.453323 3.10172C0.581246 2.70775 1.00432 2.49208 1.39829 2.62001L3.24999 3.22127V1.33334C3.24999 0.91913 3.58578 0.583344 3.99999 0.583344Z' fill='%23DD3254'/%3E%3C/svg%3E%0A\");width:8px;height:8px}.sapphire-checkbox__optional-indicator{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-checkbox--md .sapphire-checkbox__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs);margin-left:var(--sapphire-semantic-size-spacing-xs)}.sapphire-checkbox__error-text{display:block;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-foreground-on-negative-subtle);margin-top:var(--sapphire-semantic-size-spacing-2xs);margin-left:calc(var(--sapphire-semantic-size-spacing-sm) + var(--sapphire-semantic-size-height-box-lg))}.sapphire-checkbox__error-text--md{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm);margin-left:calc(var(--sapphire-semantic-size-spacing-xs) + var(--sapphire-semantic-size-height-box-md))}.sapphire-checkbox__box{box-sizing:border-box;position:relative;width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);border-radius:var(--sapphire-semantic-size-radius-sm);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-field-default);background:var(--sapphire-semantic-color-background-field);transition:all var(--sapphire-semantic-time-fade-quick) var(--sapphire-semantic-transitions-fade);flex-shrink:0;display:inline-flex;justify-content:center;align-items:center}.sapphire-checkbox__box:has(~ .sapphire-checkbox__label:not(:empty)){margin-top:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-checkbox--md .sapphire-checkbox__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox__box-icon{display:inherit;line-height:0;color:var(--sapphire-semantic-color-foreground-action-on-select-default);margin:calc(var(--sapphire-semantic-size-border-md) * -1);height:var(--sapphire-semantic-size-height-box-lg);width:var(--sapphire-semantic-size-height-box-lg)}.sapphire-checkbox--md .sapphire-checkbox__box-icon{height:var(--sapphire-semantic-size-height-box-md);width:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox--error .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-default)}.sapphire-checkbox--checked .sapphire-checkbox__box,.sapphire-checkbox--indeterminate .sapphire-checkbox__box{border-width:var(--sapphire-global-size-generic-0);background:var(--sapphire-semantic-color-background-action-select-default)}.sapphire-checkbox--checked.sapphire-checkbox--error .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error .sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-checkbox:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-field-hover)}.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-hover)}.sapphire-checkbox--checked:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-action-select-hover)}.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-checkbox:not(.sapphire-checkbox--checked).is-active .sapphire-checkbox__box,.sapphire-checkbox:not(.sapphire-checkbox--checked):active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-field-active)}.sapphire-checkbox--error:not(.sapphire-checkbox--checked).is-active .sapphire-checkbox__box,.sapphire-checkbox--error:not(.sapphire-checkbox--checked):active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-active)}.sapphire-checkbox--checked.is-active .sapphire-checkbox__box,.sapphire-checkbox--checked:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.is-active .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-select-active)}.sapphire-checkbox--checked.sapphire-checkbox--error.is-active .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error.is-active .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-active)}.sapphire-checkbox.is-focus .sapphire-checkbox__box,.sapphire-checkbox:not(.js-focus):has(input:focus-visible) .sapphire-checkbox__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-checkbox.is-disabled,.sapphire-checkbox__input:disabled{cursor:not-allowed}.sapphire-checkbox.is-disabled .sapphire-checkbox__box,.sapphire-checkbox.is-disabled .sapphire-checkbox__label{opacity:var(--sapphire-semantic-opacity-disabled)}:host{display:inline-flex}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3010
3015
|
__decorate([
|
|
3011
3016
|
AutoId()
|
|
3012
3017
|
], CheckboxComponent.prototype, "id", void 0);
|
|
@@ -3032,7 +3037,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3032
3037
|
'[attr.tabindex]': 'null',
|
|
3033
3038
|
'[attr.aria-label]': 'null',
|
|
3034
3039
|
'[attr.aria-labelledby]': 'null',
|
|
3035
|
-
}, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<label\n [for]=\"_inputId\"\n class=\"sapphire-checkbox\"\n [class.sapphire-checkbox--checked]=\"selected\"\n [class.sapphire-checkbox--indeterminate]=\"indeterminate\"\n [class.is-disabled]=\"disabled && !checkboxGroup?.disabled\"\n [class.sapphire-checkbox--md]=\"size === 'md'\"\n>\n <input\n #input\n type=\"checkbox\"\n class=\"sapphire-checkbox__input\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [id]=\"_inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (blur)=\"_onBlur()\"\n (click)=\"_onInputClick($event)\"\n (change)=\"_onInteractionEvent($event)\"\n />\n <span class=\"sapphire-checkbox__box\">\n <svg\n *ngIf=\"indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"square\"\n d=\"M7 12h10\"\n />\n <path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M18 11v2H6v-2z\" />\n </g>\n </svg>\n <svg\n *ngIf=\"selected && !indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M17.782 6.918l.753.659a.5.5 0 01.047.705L10.9 17.061a.5.5 0 01-.73.024l-4.232-4.231a.5.5 0 010-.708l.707-.707a.5.5 0 01.708 0l3.097 3.097 6.626-7.57a.5.5 0 01.705-.048z\"\n fill=\"currentColor\"\n fill-rule=\"nonzero\"\n />\n </svg>\n </span>\n <span class=\"sapphire-checkbox__label\">\n <ng-content></ng-content>\n <span\n *ngIf=\"labelNecessityIndicator === 'required'\"\n class=\"sapphire-checkbox__required-indicator\"\n ></span>\n <span\n *ngIf=\"labelNecessityIndicator === 'optional'\"\n class=\"sapphire-checkbox__optional-indicator\"\n >({{ 'optional' | t }})\n </span>\n </span>\n</label>\n", styles: [".sapphire-checkbox{font-family:var(--sapphire-semantic-font-name-default);display:inline-flex;position:relative;max-width:100%;cursor:pointer}.sapphire-checkbox__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-checkbox__label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-primary);line-height:var(--sapphire-semantic-size-height-control-xs);display:inline-flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-3xs)}.sapphire-checkbox__label:empty{margin-left:0}.sapphire-checkbox__required-indicator{background-image:url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99999 0.583344C4.41421 0.583344 4.74999 0.91913 4.74999 1.33334V3.22127L6.6017 2.62001C6.99567 2.49208 7.41874 2.70775 7.54666 3.10172C7.67459 3.49568 7.45892 3.91876 7.06495 4.04668L5.21363 4.64782L6.3601 6.22585C6.60356 6.56096 6.52927 7.02998 6.19416 7.27345C5.85905 7.51691 5.39002 7.44262 5.14656 7.10751L3.99999 5.52935L2.85343 7.10751C2.60996 7.44262 2.14094 7.51691 1.80583 7.27345C1.47072 7.02998 1.39642 6.56096 1.63989 6.22585L2.78636 4.64782L0.935036 4.04668C0.541071 3.91876 0.325401 3.49568 0.453323 3.10172C0.581246 2.70775 1.00432 2.49208 1.39829 2.62001L3.24999 3.22127V1.33334C3.24999 0.91913 3.58578 0.583344 3.99999 0.583344Z' fill='%23DD3254'/%3E%3C/svg%3E%0A\");width:8px;height:8px}.sapphire-checkbox__optional-indicator{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-checkbox--md .sapphire-checkbox__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-checkbox__error-text{display:block;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-foreground-on-negative-subtle);margin-top:var(--sapphire-semantic-size-spacing-2xs);margin-left:calc(var(--sapphire-semantic-size-spacing-sm) + var(--sapphire-semantic-size-height-box-lg))}.sapphire-checkbox__error-text--md{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm);margin-left:calc(var(--sapphire-semantic-size-spacing-sm) + var(--sapphire-semantic-size-height-box-md))}.sapphire-checkbox__box{box-sizing:border-box;position:relative;width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);border-radius:var(--sapphire-semantic-size-radius-sm);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-field-default);background:var(--sapphire-semantic-color-background-field);transition:all var(--sapphire-semantic-time-fade-quick) var(--sapphire-semantic-transitions-fade);flex-shrink:0;display:inline-flex;justify-content:center;align-items:center}.sapphire-checkbox__box:has(~ .sapphire-checkbox__label:not(:empty)){margin-top:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-checkbox--md .sapphire-checkbox__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox__box-icon{display:inherit;line-height:0;color:var(--sapphire-semantic-color-foreground-action-on-select-default);margin:calc(var(--sapphire-semantic-size-border-md) * -1);height:var(--sapphire-semantic-size-height-box-lg);width:var(--sapphire-semantic-size-height-box-lg)}.sapphire-checkbox--md .sapphire-checkbox__box-icon{height:var(--sapphire-semantic-size-height-box-md);width:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox--error .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-default)}.sapphire-checkbox--checked .sapphire-checkbox__box,.sapphire-checkbox--indeterminate .sapphire-checkbox__box{border-width:var(--sapphire-global-size-generic-0);background:var(--sapphire-semantic-color-background-action-select-default)}.sapphire-checkbox--checked.sapphire-checkbox--error .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error .sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-checkbox:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-field-hover)}.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-hover)}.sapphire-checkbox--checked:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-action-select-hover)}.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-checkbox:not(.sapphire-checkbox--checked).is-active .sapphire-checkbox__box,.sapphire-checkbox:not(.sapphire-checkbox--checked):active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-field-active)}.sapphire-checkbox--error:not(.sapphire-checkbox--checked).is-active .sapphire-checkbox__box,.sapphire-checkbox--error:not(.sapphire-checkbox--checked):active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-active)}.sapphire-checkbox--checked.is-active .sapphire-checkbox__box,.sapphire-checkbox--checked:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.is-active .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-select-active)}.sapphire-checkbox--checked.sapphire-checkbox--error.is-active .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error.is-active .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-active)}.sapphire-checkbox.is-focus .sapphire-checkbox__box,.sapphire-checkbox:not(.js-focus):has(input:focus-visible) .sapphire-checkbox__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-checkbox.is-disabled,.sapphire-checkbox__input:disabled{cursor:not-allowed}.sapphire-checkbox.is-disabled .sapphire-checkbox__box,.sapphire-checkbox.is-disabled .sapphire-checkbox__label{opacity:var(--sapphire-semantic-opacity-disabled)}:host{display:inline-flex}\n"] }]
|
|
3040
|
+
}, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<label\n [for]=\"_inputId\"\n class=\"sapphire-checkbox\"\n [class.sapphire-checkbox--checked]=\"selected\"\n [class.sapphire-checkbox--indeterminate]=\"indeterminate\"\n [class.is-disabled]=\"disabled && !checkboxGroup?.disabled\"\n [class.sapphire-checkbox--md]=\"size === 'md'\"\n>\n <input\n #input\n type=\"checkbox\"\n class=\"sapphire-checkbox__input\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [id]=\"_inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (blur)=\"_onBlur()\"\n (click)=\"_onInputClick($event)\"\n (change)=\"_onInteractionEvent($event)\"\n />\n <span class=\"sapphire-checkbox__box\">\n <svg\n *ngIf=\"indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"square\"\n d=\"M7 12h10\"\n />\n <path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M18 11v2H6v-2z\" />\n </g>\n </svg>\n <svg\n *ngIf=\"selected && !indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M17.782 6.918l.753.659a.5.5 0 01.047.705L10.9 17.061a.5.5 0 01-.73.024l-4.232-4.231a.5.5 0 010-.708l.707-.707a.5.5 0 01.708 0l3.097 3.097 6.626-7.57a.5.5 0 01.705-.048z\"\n fill=\"currentColor\"\n fill-rule=\"nonzero\"\n />\n </svg>\n </span>\n <span class=\"sapphire-checkbox__label\">\n <ng-content></ng-content>\n <span\n *ngIf=\"labelNecessityIndicator === 'required'\"\n class=\"sapphire-checkbox__required-indicator\"\n ></span>\n <span\n *ngIf=\"labelNecessityIndicator === 'optional'\"\n class=\"sapphire-checkbox__optional-indicator\"\n >({{ 'optional' | t }})\n </span>\n </span>\n</label>\n", styles: [".sapphire-checkbox-container{display:flex;flex-flow:column}.sapphire-checkbox{font-family:var(--sapphire-semantic-font-name-default);display:inline-flex;position:relative;max-width:100%;cursor:pointer}.sapphire-checkbox__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-checkbox__label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-primary);line-height:var(--sapphire-semantic-size-height-control-xs);display:inline-flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-3xs)}.sapphire-checkbox__label:empty{margin-left:0}.sapphire-checkbox__required-indicator{background-image:url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99999 0.583344C4.41421 0.583344 4.74999 0.91913 4.74999 1.33334V3.22127L6.6017 2.62001C6.99567 2.49208 7.41874 2.70775 7.54666 3.10172C7.67459 3.49568 7.45892 3.91876 7.06495 4.04668L5.21363 4.64782L6.3601 6.22585C6.60356 6.56096 6.52927 7.02998 6.19416 7.27345C5.85905 7.51691 5.39002 7.44262 5.14656 7.10751L3.99999 5.52935L2.85343 7.10751C2.60996 7.44262 2.14094 7.51691 1.80583 7.27345C1.47072 7.02998 1.39642 6.56096 1.63989 6.22585L2.78636 4.64782L0.935036 4.04668C0.541071 3.91876 0.325401 3.49568 0.453323 3.10172C0.581246 2.70775 1.00432 2.49208 1.39829 2.62001L3.24999 3.22127V1.33334C3.24999 0.91913 3.58578 0.583344 3.99999 0.583344Z' fill='%23DD3254'/%3E%3C/svg%3E%0A\");width:8px;height:8px}.sapphire-checkbox__optional-indicator{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-checkbox--md .sapphire-checkbox__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs);margin-left:var(--sapphire-semantic-size-spacing-xs)}.sapphire-checkbox__error-text{display:block;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-foreground-on-negative-subtle);margin-top:var(--sapphire-semantic-size-spacing-2xs);margin-left:calc(var(--sapphire-semantic-size-spacing-sm) + var(--sapphire-semantic-size-height-box-lg))}.sapphire-checkbox__error-text--md{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm);margin-left:calc(var(--sapphire-semantic-size-spacing-xs) + var(--sapphire-semantic-size-height-box-md))}.sapphire-checkbox__box{box-sizing:border-box;position:relative;width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);border-radius:var(--sapphire-semantic-size-radius-sm);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-field-default);background:var(--sapphire-semantic-color-background-field);transition:all var(--sapphire-semantic-time-fade-quick) var(--sapphire-semantic-transitions-fade);flex-shrink:0;display:inline-flex;justify-content:center;align-items:center}.sapphire-checkbox__box:has(~ .sapphire-checkbox__label:not(:empty)){margin-top:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-checkbox--md .sapphire-checkbox__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox__box-icon{display:inherit;line-height:0;color:var(--sapphire-semantic-color-foreground-action-on-select-default);margin:calc(var(--sapphire-semantic-size-border-md) * -1);height:var(--sapphire-semantic-size-height-box-lg);width:var(--sapphire-semantic-size-height-box-lg)}.sapphire-checkbox--md .sapphire-checkbox__box-icon{height:var(--sapphire-semantic-size-height-box-md);width:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox--error .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-default)}.sapphire-checkbox--checked .sapphire-checkbox__box,.sapphire-checkbox--indeterminate .sapphire-checkbox__box{border-width:var(--sapphire-global-size-generic-0);background:var(--sapphire-semantic-color-background-action-select-default)}.sapphire-checkbox--checked.sapphire-checkbox--error .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error .sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-checkbox:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-field-hover)}.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-hover)}.sapphire-checkbox--checked:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-action-select-hover)}.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-checkbox:not(.sapphire-checkbox--checked).is-active .sapphire-checkbox__box,.sapphire-checkbox:not(.sapphire-checkbox--checked):active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-field-active)}.sapphire-checkbox--error:not(.sapphire-checkbox--checked).is-active .sapphire-checkbox__box,.sapphire-checkbox--error:not(.sapphire-checkbox--checked):active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-negative-active)}.sapphire-checkbox--checked.is-active .sapphire-checkbox__box,.sapphire-checkbox--checked:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.is-active .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-select-active)}.sapphire-checkbox--checked.sapphire-checkbox--error.is-active .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error.is-active .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:active .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background:var(--sapphire-semantic-color-background-action-danger-active)}.sapphire-checkbox.is-focus .sapphire-checkbox__box,.sapphire-checkbox:not(.js-focus):has(input:focus-visible) .sapphire-checkbox__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-checkbox.is-disabled,.sapphire-checkbox__input:disabled{cursor:not-allowed}.sapphire-checkbox.is-disabled .sapphire-checkbox__box,.sapphire-checkbox.is-disabled .sapphire-checkbox__label{opacity:var(--sapphire-semantic-opacity-disabled)}:host{display:inline-flex}\n"] }]
|
|
3036
3041
|
}], ctorParameters: function () { return [{ type: CheckboxGroupComponent, decorators: [{
|
|
3037
3042
|
type: Optional
|
|
3038
3043
|
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
@@ -6284,7 +6289,7 @@ class SegmentedTabComponent {
|
|
|
6284
6289
|
}
|
|
6285
6290
|
}
|
|
6286
6291
|
SegmentedTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SegmentedTabComponent, deps: [{ token: forwardRef(() => SegmentedTabsComponent) }], target: i0.ɵɵFactoryTarget.Component });
|
|
6287
|
-
SegmentedTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SegmentedTabComponent, selector: "sp-segmented-tab", inputs: { disabled: "disabled", label: "label" }, host: { properties: { "style.flex": "'1 1 auto'", "style.display": "'inline-flex'" } }, viewQueries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true }, { propertyName: "_button", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-semantic-size-spacing-3xl) + 1px);min-width:0;flex:1;overscroll-behavior-x:contain}.sapphire-tabs-scroll-container::-webkit-scrollbar{display:none}.sapphire-tabs-overflow-arrows{display:flex;align-items:center;min-width:0;flex:1;position:relative}.sapphire-tabs-overflow-arrows--inline{display:inline-flex}.sapphire-tabs-overflow-arrows__arrow{position:absolute;z-index:10;pointer-events:none}.sapphire-tabs-overflow-arrows__arrow--left{left:0;padding-right:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-white) 0%,var(--sapphire-global-color-white) 40%,var(--sapphire-global-color-transparent) 100%)}.sapphire-tabs-overflow-arrows__arrow--right{right:0;padding-left:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-transparent) 0%,var(--sapphire-global-color-white) 60%,var(--sapphire-global-color-white) 100%)}.sapphire-tabs{display:inline-flex;box-sizing:border-box;height:var(--sapphire-semantic-size-height-control-
|
|
6292
|
+
SegmentedTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SegmentedTabComponent, selector: "sp-segmented-tab", inputs: { disabled: "disabled", label: "label" }, host: { properties: { "style.flex": "'1 1 auto'", "style.display": "'inline-flex'" } }, viewQueries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true }, { propertyName: "_button", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-semantic-size-spacing-3xl) + 1px);min-width:0;flex:1;overscroll-behavior-x:contain}.sapphire-tabs-scroll-container::-webkit-scrollbar{display:none}.sapphire-tabs-overflow-arrows{display:flex;align-items:center;min-width:0;flex:1;position:relative}.sapphire-tabs-overflow-arrows--inline{display:inline-flex}.sapphire-tabs-overflow-arrows__arrow{position:absolute;z-index:10;pointer-events:none}.sapphire-tabs-overflow-arrows__arrow--left{left:0;padding-right:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-white) 0%,var(--sapphire-global-color-white) 40%,var(--sapphire-global-color-transparent) 100%)}.sapphire-tabs-overflow-arrows__arrow--right{right:0;padding-left:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-transparent) 0%,var(--sapphire-global-color-white) 60%,var(--sapphire-global-color-white) 100%)}.sapphire-tabs{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--sapphire-semantic-size-height-control-xl);position:relative;overflow:hidden;min-width:100%;flex:1;padding:0 var(--sapphire-semantic-size-focus-ring)}.sapphire-tabs--align-left{justify-content:start}.sapphire-tabs--align-center{justify-content:center}.sapphire-tabs--align-right{justify-content:end}.sapphire-tabs:after{content:\"\";display:block;position:absolute;bottom:0;width:100%;height:var(--sapphire-global-size-static-2);background:var(--sapphire-semantic-color-border-secondary);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs__underline{position:absolute;bottom:0;height:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-foreground-action-select-default);z-index:2;transform-origin:left}.sapphire-tabs__underline--with-transition{transition:transform var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-dynamic),width var(--sapphire-semantic-time-motion-default) var(--sapphire-global-transitions-ease-in-out-quick);transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade)}.sapphire-tabs--no-border:after{display:none}.sapphire-tabs__tab{display:flex;align-items:center;position:relative;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-decoration:none;color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;white-space:nowrap;border-width:0;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);margin:var(--sapphire-semantic-size-focus-ring) 0 var(--sapphire-semantic-size-focus-ring) 0;cursor:pointer;outline:none;border-radius:var(--sapphire-semantic-size-height-control-md);z-index:1;transition:background var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-dynamic),color var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-dynamic),width var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-dynamic);transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade)}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.sapphire-tabs__tab--active):not(.js-hover):hover,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.sapphire-tabs__tab--active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover)}.sapphire-tabs__tab--active:not(:disabled):not(.is-disabled):not(.js-hover):hover,.sapphire-tabs__tab--active:not(:disabled):not(.is-disabled).is-hover{background:var(--sapphire-semantic-color-state-accent-subtle-hover)}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):active,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active)}.sapphire-tabs__tab--active:active:not(:disabled):not(.is-disabled):not(.js-hover):hover,.sapphire-tabs__tab--active:active:not(:disabled):not(.is-disabled).is-hover{background:var(--sapphire-semantic-color-state-accent-subtle-active)}.sapphire-tabs__tab.js-focus.is-focus,.sapphire-tabs__tab:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-tabs__tab:disabled,.sapphire-tabs__tab.is-disabled{cursor:not-allowed}.sapphire-tabs__tab:disabled .sapphire-tabs__label,.sapphire-tabs__tab.is-disabled .sapphire-tabs__label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-tabs__label{padding:0 1px}.sapphire-tabs__tab--active,.sapphire-tabs__tab--active:hover,.sapphire-tabs__tab--active.is-hover{color:var(--sapphire-semantic-color-foreground-action-select-default)}.sapphire-tabs__tab--active.js-focus:not(.is-focus):after,.sapphire-tabs__tab--active:not(.js-focus):not(:focus-visible):after{content:\"\";display:block;position:absolute;bottom:calc(-1 * var(--sapphire-semantic-size-focus-ring));width:100%;height:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-background-action-select-secondary-hover)}.sapphire-tabs .sapphire-tabs__tab--active.js-focus:not(.is-focus):after,.sapphire-tabs .sapphire-tabs__tab--active:not(.js-focus):not(:focus-visible):after{display:none}.sapphire-tabs--sm{height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-tabs--sm .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-sm);padding:0 var(--sapphire-semantic-size-spacing-sm);height:var(--sapphire-semantic-size-height-control-sm)}.sapphire-tabs--lg{height:var(--sapphire-semantic-size-height-control-2xl)}.sapphire-tabs--lg .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-lg);padding:0 var(--sapphire-semantic-size-spacing-lg)}.sapphire-tab-panel{min-height:0;flex-grow:1}.sapphire-tab-panel.js-focus.is-focus,.sapphire-tab-panel:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}\n"], dependencies: [{ kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
6288
6293
|
__decorate([
|
|
6289
6294
|
AutoId()
|
|
6290
6295
|
], SegmentedTabComponent.prototype, "id", void 0);
|
|
@@ -6294,7 +6299,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6294
6299
|
// Angular specific styles that are needed due to extra dom elements added by angular
|
|
6295
6300
|
'[style.flex]': "'1 1 auto'",
|
|
6296
6301
|
'[style.display]': "'inline-flex'",
|
|
6297
|
-
}, standalone: false, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-semantic-size-spacing-3xl) + 1px);min-width:0;flex:1;overscroll-behavior-x:contain}.sapphire-tabs-scroll-container::-webkit-scrollbar{display:none}.sapphire-tabs-overflow-arrows{display:flex;align-items:center;min-width:0;flex:1;position:relative}.sapphire-tabs-overflow-arrows--inline{display:inline-flex}.sapphire-tabs-overflow-arrows__arrow{position:absolute;z-index:10;pointer-events:none}.sapphire-tabs-overflow-arrows__arrow--left{left:0;padding-right:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-white) 0%,var(--sapphire-global-color-white) 40%,var(--sapphire-global-color-transparent) 100%)}.sapphire-tabs-overflow-arrows__arrow--right{right:0;padding-left:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-transparent) 0%,var(--sapphire-global-color-white) 60%,var(--sapphire-global-color-white) 100%)}.sapphire-tabs{display:inline-flex;box-sizing:border-box;height:var(--sapphire-semantic-size-height-control-
|
|
6302
|
+
}, standalone: false, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-semantic-size-spacing-3xl) + 1px);min-width:0;flex:1;overscroll-behavior-x:contain}.sapphire-tabs-scroll-container::-webkit-scrollbar{display:none}.sapphire-tabs-overflow-arrows{display:flex;align-items:center;min-width:0;flex:1;position:relative}.sapphire-tabs-overflow-arrows--inline{display:inline-flex}.sapphire-tabs-overflow-arrows__arrow{position:absolute;z-index:10;pointer-events:none}.sapphire-tabs-overflow-arrows__arrow--left{left:0;padding-right:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-white) 0%,var(--sapphire-global-color-white) 40%,var(--sapphire-global-color-transparent) 100%)}.sapphire-tabs-overflow-arrows__arrow--right{right:0;padding-left:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-transparent) 0%,var(--sapphire-global-color-white) 60%,var(--sapphire-global-color-white) 100%)}.sapphire-tabs{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--sapphire-semantic-size-height-control-xl);position:relative;overflow:hidden;min-width:100%;flex:1;padding:0 var(--sapphire-semantic-size-focus-ring)}.sapphire-tabs--align-left{justify-content:start}.sapphire-tabs--align-center{justify-content:center}.sapphire-tabs--align-right{justify-content:end}.sapphire-tabs:after{content:\"\";display:block;position:absolute;bottom:0;width:100%;height:var(--sapphire-global-size-static-2);background:var(--sapphire-semantic-color-border-secondary);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs__underline{position:absolute;bottom:0;height:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-foreground-action-select-default);z-index:2;transform-origin:left}.sapphire-tabs__underline--with-transition{transition:transform var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-dynamic),width var(--sapphire-semantic-time-motion-default) var(--sapphire-global-transitions-ease-in-out-quick);transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade)}.sapphire-tabs--no-border:after{display:none}.sapphire-tabs__tab{display:flex;align-items:center;position:relative;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-decoration:none;color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;white-space:nowrap;border-width:0;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);margin:var(--sapphire-semantic-size-focus-ring) 0 var(--sapphire-semantic-size-focus-ring) 0;cursor:pointer;outline:none;border-radius:var(--sapphire-semantic-size-height-control-md);z-index:1;transition:background var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-dynamic),color var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-dynamic),width var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-dynamic);transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade)}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.sapphire-tabs__tab--active):not(.js-hover):hover,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.sapphire-tabs__tab--active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover)}.sapphire-tabs__tab--active:not(:disabled):not(.is-disabled):not(.js-hover):hover,.sapphire-tabs__tab--active:not(:disabled):not(.is-disabled).is-hover{background:var(--sapphire-semantic-color-state-accent-subtle-hover)}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):active,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active)}.sapphire-tabs__tab--active:active:not(:disabled):not(.is-disabled):not(.js-hover):hover,.sapphire-tabs__tab--active:active:not(:disabled):not(.is-disabled).is-hover{background:var(--sapphire-semantic-color-state-accent-subtle-active)}.sapphire-tabs__tab.js-focus.is-focus,.sapphire-tabs__tab:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-tabs__tab:disabled,.sapphire-tabs__tab.is-disabled{cursor:not-allowed}.sapphire-tabs__tab:disabled .sapphire-tabs__label,.sapphire-tabs__tab.is-disabled .sapphire-tabs__label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-tabs__label{padding:0 1px}.sapphire-tabs__tab--active,.sapphire-tabs__tab--active:hover,.sapphire-tabs__tab--active.is-hover{color:var(--sapphire-semantic-color-foreground-action-select-default)}.sapphire-tabs__tab--active.js-focus:not(.is-focus):after,.sapphire-tabs__tab--active:not(.js-focus):not(:focus-visible):after{content:\"\";display:block;position:absolute;bottom:calc(-1 * var(--sapphire-semantic-size-focus-ring));width:100%;height:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-background-action-select-secondary-hover)}.sapphire-tabs .sapphire-tabs__tab--active.js-focus:not(.is-focus):after,.sapphire-tabs .sapphire-tabs__tab--active:not(.js-focus):not(:focus-visible):after{display:none}.sapphire-tabs--sm{height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-tabs--sm .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-sm);padding:0 var(--sapphire-semantic-size-spacing-sm);height:var(--sapphire-semantic-size-height-control-sm)}.sapphire-tabs--lg{height:var(--sapphire-semantic-size-height-control-2xl)}.sapphire-tabs--lg .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-lg);padding:0 var(--sapphire-semantic-size-spacing-lg)}.sapphire-tab-panel{min-height:0;flex-grow:1}.sapphire-tab-panel.js-focus.is-focus,.sapphire-tab-panel:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}\n"] }]
|
|
6298
6303
|
}], ctorParameters: function () { return [{ type: SegmentedTabsComponent, decorators: [{
|
|
6299
6304
|
type: Inject,
|
|
6300
6305
|
args: [forwardRef(() => SegmentedTabsComponent)]
|
|
@@ -6955,10 +6960,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6955
6960
|
class ThemeDefault {
|
|
6956
6961
|
}
|
|
6957
6962
|
ThemeDefault.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefault, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6958
|
-
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:transparent}to{background:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background:var(--sapphire-semantic-color-background-backdrop)}to{background:transparent}}.sapphire-backdrop,:host.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:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(212 63% 12% / .1) inset, 0px 4px 24px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(23 100% 13% / .987);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 19% / .963);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 25% / .959);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 32% / .979);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 39% / .987);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 45% / .975);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 48% / .897);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 49% / .697);--sapphire-global-color-alpha-yellow-200: hsl(51 100% 48% / .47);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 47% / .235);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 50% / .161);--sapphire-global-color-alpha-green-950: hsl(129 100% 4% / .944);--sapphire-global-color-alpha-green-900: hsl(130 100% 6% / .916);--sapphire-global-color-alpha-green-800: hsl(128 100% 8% / .885);--sapphire-global-color-alpha-green-700: hsl(128 100% 11% / .862);--sapphire-global-color-alpha-green-600: hsl(127 100% 17% / .842);--sapphire-global-color-alpha-green-500: hsl(124 100% 21% / .822);--sapphire-global-color-alpha-green-400: hsl(122 100% 28% / .701);--sapphire-global-color-alpha-green-300: hsl(124 100% 28% / .56);--sapphire-global-color-alpha-green-200: hsl(124 100% 30% / .388);--sapphire-global-color-alpha-green-100: hsl(125 100% 11% / .231);--sapphire-global-color-alpha-green-50: hsl(129 100% 25% / .11);--sapphire-global-color-alpha-red-950: hsl(358 100% 6% / .957);--sapphire-global-color-alpha-red-900: hsl(1 100% 10% / .92);--sapphire-global-color-alpha-red-800: hsl(359 100% 17% / .877);--sapphire-global-color-alpha-red-700: hsl(359 100% 24% / .842);--sapphire-global-color-alpha-red-600: hsl(359 100% 32% / .819);--sapphire-global-color-alpha-red-500: hsl(0 100% 39% / .815);--sapphire-global-color-alpha-red-400: hsl(1 100% 47% / .65);--sapphire-global-color-alpha-red-300: hsl(1 100% 48% / .501);--sapphire-global-color-alpha-red-200: hsl(2 100% 50% / .325);--sapphire-global-color-alpha-red-100: hsl(4 100% 50% / .169);--sapphire-global-color-alpha-red-50: hsl(0 98% 45% / .079);--sapphire-global-color-alpha-blue-500: hsl(215 99% 45% / .995);--sapphire-global-color-alpha-blue-400: hsl(216 100% 50% / .74);--sapphire-global-color-alpha-blue-300: hsl(215 100% 50% / .513);--sapphire-global-color-alpha-blue-200: hsl(214 100% 50% / .349);--sapphire-global-color-alpha-blue-100: hsl(214 100% 50% / .2);--sapphire-global-color-alpha-blue-50: hsl(219 100% 50% / .091);--sapphire-global-color-alpha-sand-950: hsl(40 100% 3% / .905);--sapphire-global-color-alpha-sand-900: hsl(41 100% 5% / .858);--sapphire-global-color-alpha-sand-800: hsl(43 100% 7% / .803);--sapphire-global-color-alpha-sand-700: hsl(42 100% 9% / .74);--sapphire-global-color-alpha-sand-600: hsl(42 100% 12% / .678);--sapphire-global-color-alpha-sand-500: hsl(43 100% 12% / .548);--sapphire-global-color-alpha-sand-400: hsl(39 100% 17% / .411);--sapphire-global-color-alpha-sand-300: hsl(48 100% 17% / .294);--sapphire-global-color-alpha-sand-200: hsl(48 100% 13% / .153);--sapphire-global-color-alpha-sand-100: hsl(60 100% 10% / .098);--sapphire-global-color-alpha-sand-50: hsl(60 100% 10% / .043);--sapphire-global-color-alpha-gray-900: hsl(211 63% 13% / .952);--sapphire-global-color-alpha-gray-800: hsl(213 100% 9% / .909);--sapphire-global-color-alpha-gray-700: hsl(213 100% 11% / .819);--sapphire-global-color-alpha-gray-600: hsl(212 100% 13% / .74);--sapphire-global-color-alpha-gray-500: hsl(212 100% 15% / .603);--sapphire-global-color-alpha-gray-400: hsl(211 100% 18% / .455);--sapphire-global-color-alpha-gray-300: hsl(211 100% 20% / .282);--sapphire-global-color-alpha-gray-200: hsl(210 100% 21% / .188);--sapphire-global-color-alpha-gray-100: hsl(208 98% 23% / .114);--sapphire-global-color-alpha-gray-50: hsl(206 100% 25% / .055);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: 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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-alpha-yellow-800);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-500);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-700);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-500);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-500);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .64);--sapphire-semantic-color-foreground-secondary-alpha: .64;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-white);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-white);--sapphire-semantic-color-background-field: var(--sapphire-global-color-white);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-50);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-50);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-50);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-50);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-white);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-sand-200);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-500) xyz x y z / .1);--sapphire-semantic-color-state-negative-subtle-active-alpha: .1;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-500) xyz x y z / .06);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .06;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-900) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-900) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-950: var(--sapphire-global-color-blue-950);--sapphire-global-color-alpha-blue-900: var(--sapphire-global-color-blue-900);--sapphire-global-color-alpha-blue-800: var(--sapphire-global-color-blue-800);--sapphire-global-color-alpha-blue-700: var(--sapphire-global-color-blue-700);--sapphire-global-color-alpha-blue-600: var(--sapphire-global-color-blue-600);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-semantic-color-foreground-positive);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.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 screen and (min-width: 960px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-200);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-250);--sapphire-semantic-size-font-heading-2xl: var(--sapphire-global-size-font-300)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.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-foreground-positive: var(--sapphire-global-color-alpha-green-600);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .65);--sapphire-semantic-color-foreground-secondary-alpha: .65;--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sand-50);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-100);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-600) xyz x y z / .16);--sapphire-semantic-color-state-negative-subtle-active-alpha: .16;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-600) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .12;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .14);--sapphire-semantic-color-state-neutral-active-alpha: .14;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-hover-alpha: .1;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .1);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .1}.sapphire-theme-default.sapphire-theme--tertiary,.sapphire-theme-default .sapphire-theme--tertiary,:host .sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary{--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-600);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-600);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .665);--sapphire-semantic-color-foreground-secondary-alpha: .665;--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sand-100);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-100);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .1);--sapphire-semantic-color-state-border-hover-alpha: .1;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-600) xyz x y z / .2);--sapphire-semantic-color-state-negative-subtle-active-alpha: .2;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-600) xyz x y z / .16);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .16;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .18);--sapphire-semantic-color-state-neutral-active-alpha: .18;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .14);--sapphire-semantic-color-state-neutral-hover-alpha: .14;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .18);--sapphire-semantic-color-state-accent-subtle-active-alpha: .18;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .14);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .14}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-shadow-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(212 63% 12% / .04);--sapphire-global-color-alpha-yellow-950: hsl(24 100% 14% / .902);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 27% / .733);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 37% / .705);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 38% / .846);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 44% / .902);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 51% / .905);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 55% / .971);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 65% / .987);--sapphire-global-color-alpha-yellow-200: hsl(50 100% 77% / .979);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 89% / .987);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 92%);--sapphire-global-color-alpha-green-950: hsl(87 100% 10% / .508);--sapphire-global-color-alpha-green-900: hsl(86 100% 27% / .254);--sapphire-global-color-alpha-green-800: hsl(90 100% 56% / .198);--sapphire-global-color-alpha-green-700: hsl(101 100% 62% / .278);--sapphire-global-color-alpha-green-600: hsl(111 100% 64% / .396);--sapphire-global-color-alpha-green-500: hsl(113 100% 64% / .489);--sapphire-global-color-alpha-green-400: hsl(116 100% 70% / .662);--sapphire-global-color-alpha-green-300: hsl(117 100% 79% / .733);--sapphire-global-color-alpha-green-200: hsl(118 100% 86% / .83);--sapphire-global-color-alpha-green-100: hsl(120 100% 92% / .906);--sapphire-global-color-alpha-green-50: hsl(120 100% 97% / .939);--sapphire-global-color-alpha-red-950: hsl(7 100% 12% / .648);--sapphire-global-color-alpha-red-900: hsl(10 100% 30% / .423);--sapphire-global-color-alpha-red-800: hsl(5 100% 56% / .413);--sapphire-global-color-alpha-red-700: hsl(3 100% 59% / .564);--sapphire-global-color-alpha-red-600: hsl(1 100% 61% / .701);--sapphire-global-color-alpha-red-500: hsl(1 100% 60% / .826);--sapphire-global-color-alpha-red-400: hsl(1 100% 68% / .963);--sapphire-global-color-alpha-red-300: hsl(1 100% 75% / .979);--sapphire-global-color-alpha-red-200: hsl(2 100% 84%);--sapphire-global-color-alpha-red-100: hsl(4 100% 92%);--sapphire-global-color-alpha-red-50: hsl(0 100% 96% / .991);--sapphire-global-color-alpha-blue-950: hsl(210 100% 11% / .667);--sapphire-global-color-alpha-blue-900: hsl(210 100% 17% / .667);--sapphire-global-color-alpha-blue-800: hsl(211 100% 28% / .667);--sapphire-global-color-alpha-blue-700: hsl(211 100% 39% / .667);--sapphire-global-color-alpha-blue-600: hsl(212 100% 50% / .699);--sapphire-global-color-alpha-blue-500: hsl(215 100% 50% / .894);--sapphire-global-color-alpha-sand-950: hsl(33 100% 24% / .31);--sapphire-global-color-alpha-sand-900: hsl(35 100% 58% / .224);--sapphire-global-color-alpha-sand-800: hsl(38 100% 66% / .307);--sapphire-global-color-alpha-sand-700: hsl(38 100% 72% / .39);--sapphire-global-color-alpha-sand-600: hsl(38 100% 76% / .476);--sapphire-global-color-alpha-sand-500: hsl(39 100% 84% / .586);--sapphire-global-color-alpha-sand-400: hsl(42 100% 88% / .723);--sapphire-global-color-alpha-sand-300: hsl(45 100% 92% / .802);--sapphire-global-color-alpha-sand-200: hsl(44 100% 97% / .885);--sapphire-global-color-alpha-sand-100: hsl(53 100% 98% / .92);--sapphire-global-color-alpha-sand-50: hsl(40 100% 99% / .96);--sapphire-global-color-alpha-gray-900: hsl(215 97% 75% / .087);--sapphire-global-color-alpha-gray-800: hsl(221 100% 81% / .144);--sapphire-global-color-alpha-gray-700: hsl(214 100% 85% / .254);--sapphire-global-color-alpha-gray-600: hsl(213 100% 85% / .363);--sapphire-global-color-alpha-gray-500: hsl(212 100% 89% / .508);--sapphire-global-color-alpha-gray-400: hsl(211 100% 91% / .663);--sapphire-global-color-alpha-gray-300: hsl(211 100% 95% / .803);--sapphire-global-color-alpha-gray-200: hsl(212 100% 97% / .871);--sapphire-global-color-alpha-gray-100: hsl(207 100% 98% / .926);--sapphire-global-color-alpha-gray-50: hsl(200 100% 99% / .966);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-yellow-900);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-400);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-400);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-400);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .55);--sapphire-semantic-color-foreground-secondary-alpha: .55;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-gray-50);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-900);--sapphire-semantic-color-background-field: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-800);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-800);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-800);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-gray-100) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-gray-100) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-active-alpha: .12;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .08);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .08;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-100) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-100) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-400: var(--sapphire-global-color-blue-400);--sapphire-global-color-alpha-blue-300: var(--sapphire-global-color-blue-300);--sapphire-global-color-alpha-blue-200: var(--sapphire-global-color-blue-200);--sapphire-global-color-alpha-blue-100: var(--sapphire-global-color-blue-100);--sapphire-global-color-alpha-blue-50: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-400)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::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%}::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}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::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] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] });
|
|
6963
|
+
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:transparent}to{background:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background:var(--sapphire-semantic-color-background-backdrop)}to{background:transparent}}.sapphire-backdrop,:host.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:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(212 63% 12% / .1) inset, 0px 4px 24px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(23 100% 13% / .987);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 19% / .963);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 25% / .959);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 32% / .979);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 39% / .987);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 45% / .975);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 48% / .897);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 49% / .697);--sapphire-global-color-alpha-yellow-200: hsl(51 100% 48% / .47);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 47% / .235);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 50% / .161);--sapphire-global-color-alpha-green-950: hsl(129 100% 4% / .944);--sapphire-global-color-alpha-green-900: hsl(130 100% 6% / .916);--sapphire-global-color-alpha-green-800: hsl(128 100% 8% / .885);--sapphire-global-color-alpha-green-700: hsl(128 100% 11% / .862);--sapphire-global-color-alpha-green-600: hsl(127 100% 17% / .842);--sapphire-global-color-alpha-green-500: hsl(124 100% 21% / .822);--sapphire-global-color-alpha-green-400: hsl(122 100% 28% / .701);--sapphire-global-color-alpha-green-300: hsl(124 100% 28% / .56);--sapphire-global-color-alpha-green-200: hsl(124 100% 30% / .388);--sapphire-global-color-alpha-green-100: hsl(125 100% 11% / .231);--sapphire-global-color-alpha-green-50: hsl(129 100% 25% / .11);--sapphire-global-color-alpha-red-950: hsl(358 100% 6% / .957);--sapphire-global-color-alpha-red-900: hsl(1 100% 10% / .92);--sapphire-global-color-alpha-red-800: hsl(359 100% 17% / .877);--sapphire-global-color-alpha-red-700: hsl(359 100% 24% / .842);--sapphire-global-color-alpha-red-600: hsl(359 100% 32% / .819);--sapphire-global-color-alpha-red-500: hsl(0 100% 39% / .815);--sapphire-global-color-alpha-red-400: hsl(1 100% 47% / .65);--sapphire-global-color-alpha-red-300: hsl(1 100% 48% / .501);--sapphire-global-color-alpha-red-200: hsl(2 100% 50% / .325);--sapphire-global-color-alpha-red-100: hsl(4 100% 50% / .169);--sapphire-global-color-alpha-red-50: hsl(0 98% 45% / .079);--sapphire-global-color-alpha-blue-500: hsl(215 99% 45% / .995);--sapphire-global-color-alpha-blue-400: hsl(216 100% 50% / .74);--sapphire-global-color-alpha-blue-300: hsl(215 100% 50% / .513);--sapphire-global-color-alpha-blue-200: hsl(214 100% 50% / .349);--sapphire-global-color-alpha-blue-100: hsl(214 100% 50% / .2);--sapphire-global-color-alpha-blue-50: hsl(219 100% 50% / .091);--sapphire-global-color-alpha-sand-950: hsl(40 100% 3% / .905);--sapphire-global-color-alpha-sand-900: hsl(41 100% 5% / .858);--sapphire-global-color-alpha-sand-800: hsl(43 100% 7% / .803);--sapphire-global-color-alpha-sand-700: hsl(42 100% 9% / .74);--sapphire-global-color-alpha-sand-600: hsl(42 100% 12% / .678);--sapphire-global-color-alpha-sand-500: hsl(43 100% 12% / .548);--sapphire-global-color-alpha-sand-400: hsl(39 100% 17% / .411);--sapphire-global-color-alpha-sand-300: hsl(48 100% 17% / .294);--sapphire-global-color-alpha-sand-200: hsl(48 100% 13% / .153);--sapphire-global-color-alpha-sand-100: hsl(60 100% 10% / .098);--sapphire-global-color-alpha-sand-50: hsl(60 100% 10% / .043);--sapphire-global-color-alpha-gray-900: hsl(211 63% 13% / .952);--sapphire-global-color-alpha-gray-800: hsl(213 100% 9% / .909);--sapphire-global-color-alpha-gray-700: hsl(213 100% 11% / .819);--sapphire-global-color-alpha-gray-600: hsl(212 100% 13% / .74);--sapphire-global-color-alpha-gray-500: hsl(212 100% 15% / .603);--sapphire-global-color-alpha-gray-400: hsl(211 100% 18% / .455);--sapphire-global-color-alpha-gray-300: hsl(211 100% 20% / .282);--sapphire-global-color-alpha-gray-200: hsl(210 100% 21% / .188);--sapphire-global-color-alpha-gray-100: hsl(208 98% 23% / .114);--sapphire-global-color-alpha-gray-50: hsl(206 100% 25% / .055);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-4xl: var(--sapphire-global-size-generic-200);--sapphire-semantic-size-height-control-3xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-height-control-2xl: var(--sapphire-global-size-generic-160);--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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-alpha-yellow-800);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-500);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-700);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-500);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-500);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .64);--sapphire-semantic-color-foreground-secondary-alpha: .64;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-white);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-white);--sapphire-semantic-color-background-field: var(--sapphire-global-color-white);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-50);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-50);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-50);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-50);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-white);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-sand-200);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-500) xyz x y z / .1);--sapphire-semantic-color-state-negative-subtle-active-alpha: .1;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-500) xyz x y z / .06);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .06;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-900) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-900) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-950: var(--sapphire-global-color-blue-950);--sapphire-global-color-alpha-blue-900: var(--sapphire-global-color-blue-900);--sapphire-global-color-alpha-blue-800: var(--sapphire-global-color-blue-800);--sapphire-global-color-alpha-blue-700: var(--sapphire-global-color-blue-700);--sapphire-global-color-alpha-blue-600: var(--sapphire-global-color-blue-600);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-semantic-color-foreground-positive);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.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 screen and (min-width: 960px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-200);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-250);--sapphire-semantic-size-font-heading-2xl: var(--sapphire-global-size-font-300)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.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-foreground-positive: var(--sapphire-global-color-alpha-green-600);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .65);--sapphire-semantic-color-foreground-secondary-alpha: .65;--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sand-50);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-100);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-600) xyz x y z / .16);--sapphire-semantic-color-state-negative-subtle-active-alpha: .16;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-600) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .12;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .14);--sapphire-semantic-color-state-neutral-active-alpha: .14;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-hover-alpha: .1;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .1);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .1}.sapphire-theme-default.sapphire-theme--tertiary,.sapphire-theme-default .sapphire-theme--tertiary,:host .sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary{--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-600);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-600);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .665);--sapphire-semantic-color-foreground-secondary-alpha: .665;--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sand-100);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-100);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .1);--sapphire-semantic-color-state-border-hover-alpha: .1;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-600) xyz x y z / .2);--sapphire-semantic-color-state-negative-subtle-active-alpha: .2;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-600) xyz x y z / .16);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .16;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .18);--sapphire-semantic-color-state-neutral-active-alpha: .18;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .14);--sapphire-semantic-color-state-neutral-hover-alpha: .14;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .18);--sapphire-semantic-color-state-accent-subtle-active-alpha: .18;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .14);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .14}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-shadow-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(212 63% 12% / .04);--sapphire-global-color-alpha-yellow-950: hsl(24 100% 14% / .902);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 27% / .733);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 37% / .705);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 38% / .846);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 44% / .902);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 51% / .905);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 55% / .971);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 65% / .987);--sapphire-global-color-alpha-yellow-200: hsl(50 100% 77% / .979);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 89% / .987);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 92%);--sapphire-global-color-alpha-green-950: hsl(87 100% 10% / .508);--sapphire-global-color-alpha-green-900: hsl(86 100% 27% / .254);--sapphire-global-color-alpha-green-800: hsl(90 100% 56% / .198);--sapphire-global-color-alpha-green-700: hsl(101 100% 62% / .278);--sapphire-global-color-alpha-green-600: hsl(111 100% 64% / .396);--sapphire-global-color-alpha-green-500: hsl(113 100% 64% / .489);--sapphire-global-color-alpha-green-400: hsl(116 100% 70% / .662);--sapphire-global-color-alpha-green-300: hsl(117 100% 79% / .733);--sapphire-global-color-alpha-green-200: hsl(118 100% 86% / .83);--sapphire-global-color-alpha-green-100: hsl(120 100% 92% / .906);--sapphire-global-color-alpha-green-50: hsl(120 100% 97% / .939);--sapphire-global-color-alpha-red-950: hsl(7 100% 12% / .648);--sapphire-global-color-alpha-red-900: hsl(10 100% 30% / .423);--sapphire-global-color-alpha-red-800: hsl(5 100% 56% / .413);--sapphire-global-color-alpha-red-700: hsl(3 100% 59% / .564);--sapphire-global-color-alpha-red-600: hsl(1 100% 61% / .701);--sapphire-global-color-alpha-red-500: hsl(1 100% 60% / .826);--sapphire-global-color-alpha-red-400: hsl(1 100% 68% / .963);--sapphire-global-color-alpha-red-300: hsl(1 100% 75% / .979);--sapphire-global-color-alpha-red-200: hsl(2 100% 84%);--sapphire-global-color-alpha-red-100: hsl(4 100% 92%);--sapphire-global-color-alpha-red-50: hsl(0 100% 96% / .991);--sapphire-global-color-alpha-blue-950: hsl(210 100% 11% / .667);--sapphire-global-color-alpha-blue-900: hsl(210 100% 17% / .667);--sapphire-global-color-alpha-blue-800: hsl(211 100% 28% / .667);--sapphire-global-color-alpha-blue-700: hsl(211 100% 39% / .667);--sapphire-global-color-alpha-blue-600: hsl(212 100% 50% / .699);--sapphire-global-color-alpha-blue-500: hsl(215 100% 50% / .894);--sapphire-global-color-alpha-sand-950: hsl(33 100% 24% / .31);--sapphire-global-color-alpha-sand-900: hsl(35 100% 58% / .224);--sapphire-global-color-alpha-sand-800: hsl(38 100% 66% / .307);--sapphire-global-color-alpha-sand-700: hsl(38 100% 72% / .39);--sapphire-global-color-alpha-sand-600: hsl(38 100% 76% / .476);--sapphire-global-color-alpha-sand-500: hsl(39 100% 84% / .586);--sapphire-global-color-alpha-sand-400: hsl(42 100% 88% / .723);--sapphire-global-color-alpha-sand-300: hsl(45 100% 92% / .802);--sapphire-global-color-alpha-sand-200: hsl(44 100% 97% / .885);--sapphire-global-color-alpha-sand-100: hsl(53 100% 98% / .92);--sapphire-global-color-alpha-sand-50: hsl(40 100% 99% / .96);--sapphire-global-color-alpha-gray-900: hsl(215 97% 75% / .087);--sapphire-global-color-alpha-gray-800: hsl(221 100% 81% / .144);--sapphire-global-color-alpha-gray-700: hsl(214 100% 85% / .254);--sapphire-global-color-alpha-gray-600: hsl(213 100% 85% / .363);--sapphire-global-color-alpha-gray-500: hsl(212 100% 89% / .508);--sapphire-global-color-alpha-gray-400: hsl(211 100% 91% / .663);--sapphire-global-color-alpha-gray-300: hsl(211 100% 95% / .803);--sapphire-global-color-alpha-gray-200: hsl(212 100% 97% / .871);--sapphire-global-color-alpha-gray-100: hsl(207 100% 98% / .926);--sapphire-global-color-alpha-gray-50: hsl(200 100% 99% / .966);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-yellow-900);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-400);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-400);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-400);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .55);--sapphire-semantic-color-foreground-secondary-alpha: .55;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-gray-50);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-900);--sapphire-semantic-color-background-field: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-800);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-800);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-800);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-gray-100) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-gray-100) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-active-alpha: .12;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .08);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .08;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-100) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-100) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-400: var(--sapphire-global-color-blue-400);--sapphire-global-color-alpha-blue-300: var(--sapphire-global-color-blue-300);--sapphire-global-color-alpha-blue-200: var(--sapphire-global-color-blue-200);--sapphire-global-color-alpha-blue-100: var(--sapphire-global-color-blue-100);--sapphire-global-color-alpha-blue-50: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-400)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::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%}::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}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::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] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] });
|
|
6959
6964
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefault, decorators: [{
|
|
6960
6965
|
type: Component,
|
|
6961
|
-
args: [{ selector: 'sp-theme-default', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background:transparent}to{background:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background:var(--sapphire-semantic-color-background-backdrop)}to{background:transparent}}.sapphire-backdrop,:host.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:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(212 63% 12% / .1) inset, 0px 4px 24px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(23 100% 13% / .987);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 19% / .963);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 25% / .959);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 32% / .979);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 39% / .987);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 45% / .975);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 48% / .897);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 49% / .697);--sapphire-global-color-alpha-yellow-200: hsl(51 100% 48% / .47);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 47% / .235);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 50% / .161);--sapphire-global-color-alpha-green-950: hsl(129 100% 4% / .944);--sapphire-global-color-alpha-green-900: hsl(130 100% 6% / .916);--sapphire-global-color-alpha-green-800: hsl(128 100% 8% / .885);--sapphire-global-color-alpha-green-700: hsl(128 100% 11% / .862);--sapphire-global-color-alpha-green-600: hsl(127 100% 17% / .842);--sapphire-global-color-alpha-green-500: hsl(124 100% 21% / .822);--sapphire-global-color-alpha-green-400: hsl(122 100% 28% / .701);--sapphire-global-color-alpha-green-300: hsl(124 100% 28% / .56);--sapphire-global-color-alpha-green-200: hsl(124 100% 30% / .388);--sapphire-global-color-alpha-green-100: hsl(125 100% 11% / .231);--sapphire-global-color-alpha-green-50: hsl(129 100% 25% / .11);--sapphire-global-color-alpha-red-950: hsl(358 100% 6% / .957);--sapphire-global-color-alpha-red-900: hsl(1 100% 10% / .92);--sapphire-global-color-alpha-red-800: hsl(359 100% 17% / .877);--sapphire-global-color-alpha-red-700: hsl(359 100% 24% / .842);--sapphire-global-color-alpha-red-600: hsl(359 100% 32% / .819);--sapphire-global-color-alpha-red-500: hsl(0 100% 39% / .815);--sapphire-global-color-alpha-red-400: hsl(1 100% 47% / .65);--sapphire-global-color-alpha-red-300: hsl(1 100% 48% / .501);--sapphire-global-color-alpha-red-200: hsl(2 100% 50% / .325);--sapphire-global-color-alpha-red-100: hsl(4 100% 50% / .169);--sapphire-global-color-alpha-red-50: hsl(0 98% 45% / .079);--sapphire-global-color-alpha-blue-500: hsl(215 99% 45% / .995);--sapphire-global-color-alpha-blue-400: hsl(216 100% 50% / .74);--sapphire-global-color-alpha-blue-300: hsl(215 100% 50% / .513);--sapphire-global-color-alpha-blue-200: hsl(214 100% 50% / .349);--sapphire-global-color-alpha-blue-100: hsl(214 100% 50% / .2);--sapphire-global-color-alpha-blue-50: hsl(219 100% 50% / .091);--sapphire-global-color-alpha-sand-950: hsl(40 100% 3% / .905);--sapphire-global-color-alpha-sand-900: hsl(41 100% 5% / .858);--sapphire-global-color-alpha-sand-800: hsl(43 100% 7% / .803);--sapphire-global-color-alpha-sand-700: hsl(42 100% 9% / .74);--sapphire-global-color-alpha-sand-600: hsl(42 100% 12% / .678);--sapphire-global-color-alpha-sand-500: hsl(43 100% 12% / .548);--sapphire-global-color-alpha-sand-400: hsl(39 100% 17% / .411);--sapphire-global-color-alpha-sand-300: hsl(48 100% 17% / .294);--sapphire-global-color-alpha-sand-200: hsl(48 100% 13% / .153);--sapphire-global-color-alpha-sand-100: hsl(60 100% 10% / .098);--sapphire-global-color-alpha-sand-50: hsl(60 100% 10% / .043);--sapphire-global-color-alpha-gray-900: hsl(211 63% 13% / .952);--sapphire-global-color-alpha-gray-800: hsl(213 100% 9% / .909);--sapphire-global-color-alpha-gray-700: hsl(213 100% 11% / .819);--sapphire-global-color-alpha-gray-600: hsl(212 100% 13% / .74);--sapphire-global-color-alpha-gray-500: hsl(212 100% 15% / .603);--sapphire-global-color-alpha-gray-400: hsl(211 100% 18% / .455);--sapphire-global-color-alpha-gray-300: hsl(211 100% 20% / .282);--sapphire-global-color-alpha-gray-200: hsl(210 100% 21% / .188);--sapphire-global-color-alpha-gray-100: hsl(208 98% 23% / .114);--sapphire-global-color-alpha-gray-50: hsl(206 100% 25% / .055);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: 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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-alpha-yellow-800);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-500);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-700);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-500);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-500);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .64);--sapphire-semantic-color-foreground-secondary-alpha: .64;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-white);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-white);--sapphire-semantic-color-background-field: var(--sapphire-global-color-white);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-50);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-50);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-50);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-50);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-white);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-sand-200);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-500) xyz x y z / .1);--sapphire-semantic-color-state-negative-subtle-active-alpha: .1;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-500) xyz x y z / .06);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .06;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-900) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-900) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-950: var(--sapphire-global-color-blue-950);--sapphire-global-color-alpha-blue-900: var(--sapphire-global-color-blue-900);--sapphire-global-color-alpha-blue-800: var(--sapphire-global-color-blue-800);--sapphire-global-color-alpha-blue-700: var(--sapphire-global-color-blue-700);--sapphire-global-color-alpha-blue-600: var(--sapphire-global-color-blue-600);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-semantic-color-foreground-positive);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.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 screen and (min-width: 960px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-200);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-250);--sapphire-semantic-size-font-heading-2xl: var(--sapphire-global-size-font-300)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.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-foreground-positive: var(--sapphire-global-color-alpha-green-600);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .65);--sapphire-semantic-color-foreground-secondary-alpha: .65;--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sand-50);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-100);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-600) xyz x y z / .16);--sapphire-semantic-color-state-negative-subtle-active-alpha: .16;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-600) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .12;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .14);--sapphire-semantic-color-state-neutral-active-alpha: .14;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-hover-alpha: .1;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .1);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .1}.sapphire-theme-default.sapphire-theme--tertiary,.sapphire-theme-default .sapphire-theme--tertiary,:host .sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary{--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-600);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-600);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .665);--sapphire-semantic-color-foreground-secondary-alpha: .665;--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sand-100);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-100);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .1);--sapphire-semantic-color-state-border-hover-alpha: .1;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-600) xyz x y z / .2);--sapphire-semantic-color-state-negative-subtle-active-alpha: .2;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-600) xyz x y z / .16);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .16;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .18);--sapphire-semantic-color-state-neutral-active-alpha: .18;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .14);--sapphire-semantic-color-state-neutral-hover-alpha: .14;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .18);--sapphire-semantic-color-state-accent-subtle-active-alpha: .18;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .14);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .14}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-shadow-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(212 63% 12% / .04);--sapphire-global-color-alpha-yellow-950: hsl(24 100% 14% / .902);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 27% / .733);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 37% / .705);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 38% / .846);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 44% / .902);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 51% / .905);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 55% / .971);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 65% / .987);--sapphire-global-color-alpha-yellow-200: hsl(50 100% 77% / .979);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 89% / .987);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 92%);--sapphire-global-color-alpha-green-950: hsl(87 100% 10% / .508);--sapphire-global-color-alpha-green-900: hsl(86 100% 27% / .254);--sapphire-global-color-alpha-green-800: hsl(90 100% 56% / .198);--sapphire-global-color-alpha-green-700: hsl(101 100% 62% / .278);--sapphire-global-color-alpha-green-600: hsl(111 100% 64% / .396);--sapphire-global-color-alpha-green-500: hsl(113 100% 64% / .489);--sapphire-global-color-alpha-green-400: hsl(116 100% 70% / .662);--sapphire-global-color-alpha-green-300: hsl(117 100% 79% / .733);--sapphire-global-color-alpha-green-200: hsl(118 100% 86% / .83);--sapphire-global-color-alpha-green-100: hsl(120 100% 92% / .906);--sapphire-global-color-alpha-green-50: hsl(120 100% 97% / .939);--sapphire-global-color-alpha-red-950: hsl(7 100% 12% / .648);--sapphire-global-color-alpha-red-900: hsl(10 100% 30% / .423);--sapphire-global-color-alpha-red-800: hsl(5 100% 56% / .413);--sapphire-global-color-alpha-red-700: hsl(3 100% 59% / .564);--sapphire-global-color-alpha-red-600: hsl(1 100% 61% / .701);--sapphire-global-color-alpha-red-500: hsl(1 100% 60% / .826);--sapphire-global-color-alpha-red-400: hsl(1 100% 68% / .963);--sapphire-global-color-alpha-red-300: hsl(1 100% 75% / .979);--sapphire-global-color-alpha-red-200: hsl(2 100% 84%);--sapphire-global-color-alpha-red-100: hsl(4 100% 92%);--sapphire-global-color-alpha-red-50: hsl(0 100% 96% / .991);--sapphire-global-color-alpha-blue-950: hsl(210 100% 11% / .667);--sapphire-global-color-alpha-blue-900: hsl(210 100% 17% / .667);--sapphire-global-color-alpha-blue-800: hsl(211 100% 28% / .667);--sapphire-global-color-alpha-blue-700: hsl(211 100% 39% / .667);--sapphire-global-color-alpha-blue-600: hsl(212 100% 50% / .699);--sapphire-global-color-alpha-blue-500: hsl(215 100% 50% / .894);--sapphire-global-color-alpha-sand-950: hsl(33 100% 24% / .31);--sapphire-global-color-alpha-sand-900: hsl(35 100% 58% / .224);--sapphire-global-color-alpha-sand-800: hsl(38 100% 66% / .307);--sapphire-global-color-alpha-sand-700: hsl(38 100% 72% / .39);--sapphire-global-color-alpha-sand-600: hsl(38 100% 76% / .476);--sapphire-global-color-alpha-sand-500: hsl(39 100% 84% / .586);--sapphire-global-color-alpha-sand-400: hsl(42 100% 88% / .723);--sapphire-global-color-alpha-sand-300: hsl(45 100% 92% / .802);--sapphire-global-color-alpha-sand-200: hsl(44 100% 97% / .885);--sapphire-global-color-alpha-sand-100: hsl(53 100% 98% / .92);--sapphire-global-color-alpha-sand-50: hsl(40 100% 99% / .96);--sapphire-global-color-alpha-gray-900: hsl(215 97% 75% / .087);--sapphire-global-color-alpha-gray-800: hsl(221 100% 81% / .144);--sapphire-global-color-alpha-gray-700: hsl(214 100% 85% / .254);--sapphire-global-color-alpha-gray-600: hsl(213 100% 85% / .363);--sapphire-global-color-alpha-gray-500: hsl(212 100% 89% / .508);--sapphire-global-color-alpha-gray-400: hsl(211 100% 91% / .663);--sapphire-global-color-alpha-gray-300: hsl(211 100% 95% / .803);--sapphire-global-color-alpha-gray-200: hsl(212 100% 97% / .871);--sapphire-global-color-alpha-gray-100: hsl(207 100% 98% / .926);--sapphire-global-color-alpha-gray-50: hsl(200 100% 99% / .966);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-yellow-900);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-400);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-400);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-400);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .55);--sapphire-semantic-color-foreground-secondary-alpha: .55;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-gray-50);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-900);--sapphire-semantic-color-background-field: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-800);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-800);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-800);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-gray-100) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-gray-100) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-active-alpha: .12;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .08);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .08;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-100) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-100) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-400: var(--sapphire-global-color-blue-400);--sapphire-global-color-alpha-blue-300: var(--sapphire-global-color-blue-300);--sapphire-global-color-alpha-blue-200: var(--sapphire-global-color-blue-200);--sapphire-global-color-alpha-blue-100: var(--sapphire-global-color-blue-100);--sapphire-global-color-alpha-blue-50: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-400)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::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%}::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}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::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] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] }]
|
|
6966
|
+
args: [{ selector: 'sp-theme-default', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background:transparent}to{background:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background:var(--sapphire-semantic-color-background-backdrop)}to{background:transparent}}.sapphire-backdrop,:host.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:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(212 63% 12% / .1) inset, 0px 4px 24px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(23 100% 13% / .987);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 19% / .963);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 25% / .959);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 32% / .979);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 39% / .987);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 45% / .975);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 48% / .897);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 49% / .697);--sapphire-global-color-alpha-yellow-200: hsl(51 100% 48% / .47);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 47% / .235);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 50% / .161);--sapphire-global-color-alpha-green-950: hsl(129 100% 4% / .944);--sapphire-global-color-alpha-green-900: hsl(130 100% 6% / .916);--sapphire-global-color-alpha-green-800: hsl(128 100% 8% / .885);--sapphire-global-color-alpha-green-700: hsl(128 100% 11% / .862);--sapphire-global-color-alpha-green-600: hsl(127 100% 17% / .842);--sapphire-global-color-alpha-green-500: hsl(124 100% 21% / .822);--sapphire-global-color-alpha-green-400: hsl(122 100% 28% / .701);--sapphire-global-color-alpha-green-300: hsl(124 100% 28% / .56);--sapphire-global-color-alpha-green-200: hsl(124 100% 30% / .388);--sapphire-global-color-alpha-green-100: hsl(125 100% 11% / .231);--sapphire-global-color-alpha-green-50: hsl(129 100% 25% / .11);--sapphire-global-color-alpha-red-950: hsl(358 100% 6% / .957);--sapphire-global-color-alpha-red-900: hsl(1 100% 10% / .92);--sapphire-global-color-alpha-red-800: hsl(359 100% 17% / .877);--sapphire-global-color-alpha-red-700: hsl(359 100% 24% / .842);--sapphire-global-color-alpha-red-600: hsl(359 100% 32% / .819);--sapphire-global-color-alpha-red-500: hsl(0 100% 39% / .815);--sapphire-global-color-alpha-red-400: hsl(1 100% 47% / .65);--sapphire-global-color-alpha-red-300: hsl(1 100% 48% / .501);--sapphire-global-color-alpha-red-200: hsl(2 100% 50% / .325);--sapphire-global-color-alpha-red-100: hsl(4 100% 50% / .169);--sapphire-global-color-alpha-red-50: hsl(0 98% 45% / .079);--sapphire-global-color-alpha-blue-500: hsl(215 99% 45% / .995);--sapphire-global-color-alpha-blue-400: hsl(216 100% 50% / .74);--sapphire-global-color-alpha-blue-300: hsl(215 100% 50% / .513);--sapphire-global-color-alpha-blue-200: hsl(214 100% 50% / .349);--sapphire-global-color-alpha-blue-100: hsl(214 100% 50% / .2);--sapphire-global-color-alpha-blue-50: hsl(219 100% 50% / .091);--sapphire-global-color-alpha-sand-950: hsl(40 100% 3% / .905);--sapphire-global-color-alpha-sand-900: hsl(41 100% 5% / .858);--sapphire-global-color-alpha-sand-800: hsl(43 100% 7% / .803);--sapphire-global-color-alpha-sand-700: hsl(42 100% 9% / .74);--sapphire-global-color-alpha-sand-600: hsl(42 100% 12% / .678);--sapphire-global-color-alpha-sand-500: hsl(43 100% 12% / .548);--sapphire-global-color-alpha-sand-400: hsl(39 100% 17% / .411);--sapphire-global-color-alpha-sand-300: hsl(48 100% 17% / .294);--sapphire-global-color-alpha-sand-200: hsl(48 100% 13% / .153);--sapphire-global-color-alpha-sand-100: hsl(60 100% 10% / .098);--sapphire-global-color-alpha-sand-50: hsl(60 100% 10% / .043);--sapphire-global-color-alpha-gray-900: hsl(211 63% 13% / .952);--sapphire-global-color-alpha-gray-800: hsl(213 100% 9% / .909);--sapphire-global-color-alpha-gray-700: hsl(213 100% 11% / .819);--sapphire-global-color-alpha-gray-600: hsl(212 100% 13% / .74);--sapphire-global-color-alpha-gray-500: hsl(212 100% 15% / .603);--sapphire-global-color-alpha-gray-400: hsl(211 100% 18% / .455);--sapphire-global-color-alpha-gray-300: hsl(211 100% 20% / .282);--sapphire-global-color-alpha-gray-200: hsl(210 100% 21% / .188);--sapphire-global-color-alpha-gray-100: hsl(208 98% 23% / .114);--sapphire-global-color-alpha-gray-50: hsl(206 100% 25% / .055);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-4xl: var(--sapphire-global-size-generic-200);--sapphire-semantic-size-height-control-3xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-height-control-2xl: var(--sapphire-global-size-generic-160);--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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-alpha-yellow-800);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-500);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-700);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-500);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-500);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .64);--sapphire-semantic-color-foreground-secondary-alpha: .64;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-white);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-white);--sapphire-semantic-color-background-field: var(--sapphire-global-color-white);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-50);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-50);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-50);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-50);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-white);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-sand-200);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-500) xyz x y z / .1);--sapphire-semantic-color-state-negative-subtle-active-alpha: .1;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-500) xyz x y z / .06);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .06;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-900) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-900) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-950: var(--sapphire-global-color-blue-950);--sapphire-global-color-alpha-blue-900: var(--sapphire-global-color-blue-900);--sapphire-global-color-alpha-blue-800: var(--sapphire-global-color-blue-800);--sapphire-global-color-alpha-blue-700: var(--sapphire-global-color-blue-700);--sapphire-global-color-alpha-blue-600: var(--sapphire-global-color-blue-600);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-semantic-color-foreground-positive);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.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 screen and (min-width: 960px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-200);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-250);--sapphire-semantic-size-font-heading-2xl: var(--sapphire-global-size-font-300)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary,.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-foreground-positive: var(--sapphire-global-color-alpha-green-600);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .65);--sapphire-semantic-color-foreground-secondary-alpha: .65;--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sand-50);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-100);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-600) xyz x y z / .16);--sapphire-semantic-color-state-negative-subtle-active-alpha: .16;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-600) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .12;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .14);--sapphire-semantic-color-state-neutral-active-alpha: .14;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-hover-alpha: .1;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .1);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .1}.sapphire-theme-default.sapphire-theme--tertiary,.sapphire-theme-default .sapphire-theme--tertiary,:host .sapphire-theme--tertiary,:host ::ng-deep .sapphire-theme--tertiary{--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-600);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-600);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .665);--sapphire-semantic-color-foreground-secondary-alpha: .665;--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sand-100);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-100);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-white);--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .1);--sapphire-semantic-color-state-border-hover-alpha: .1;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-600) xyz x y z / .2);--sapphire-semantic-color-state-negative-subtle-active-alpha: .2;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-600) xyz x y z / .16);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .16;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .18);--sapphire-semantic-color-state-neutral-active-alpha: .18;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .14);--sapphire-semantic-color-state-neutral-hover-alpha: .14;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .18);--sapphire-semantic-color-state-accent-subtle-active-alpha: .18;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .14);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .14}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-shadow-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(212 63% 12% / .04);--sapphire-global-color-alpha-yellow-950: hsl(24 100% 14% / .902);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 27% / .733);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 37% / .705);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 38% / .846);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 44% / .902);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 51% / .905);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 55% / .971);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 65% / .987);--sapphire-global-color-alpha-yellow-200: hsl(50 100% 77% / .979);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 89% / .987);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 92%);--sapphire-global-color-alpha-green-950: hsl(87 100% 10% / .508);--sapphire-global-color-alpha-green-900: hsl(86 100% 27% / .254);--sapphire-global-color-alpha-green-800: hsl(90 100% 56% / .198);--sapphire-global-color-alpha-green-700: hsl(101 100% 62% / .278);--sapphire-global-color-alpha-green-600: hsl(111 100% 64% / .396);--sapphire-global-color-alpha-green-500: hsl(113 100% 64% / .489);--sapphire-global-color-alpha-green-400: hsl(116 100% 70% / .662);--sapphire-global-color-alpha-green-300: hsl(117 100% 79% / .733);--sapphire-global-color-alpha-green-200: hsl(118 100% 86% / .83);--sapphire-global-color-alpha-green-100: hsl(120 100% 92% / .906);--sapphire-global-color-alpha-green-50: hsl(120 100% 97% / .939);--sapphire-global-color-alpha-red-950: hsl(7 100% 12% / .648);--sapphire-global-color-alpha-red-900: hsl(10 100% 30% / .423);--sapphire-global-color-alpha-red-800: hsl(5 100% 56% / .413);--sapphire-global-color-alpha-red-700: hsl(3 100% 59% / .564);--sapphire-global-color-alpha-red-600: hsl(1 100% 61% / .701);--sapphire-global-color-alpha-red-500: hsl(1 100% 60% / .826);--sapphire-global-color-alpha-red-400: hsl(1 100% 68% / .963);--sapphire-global-color-alpha-red-300: hsl(1 100% 75% / .979);--sapphire-global-color-alpha-red-200: hsl(2 100% 84%);--sapphire-global-color-alpha-red-100: hsl(4 100% 92%);--sapphire-global-color-alpha-red-50: hsl(0 100% 96% / .991);--sapphire-global-color-alpha-blue-950: hsl(210 100% 11% / .667);--sapphire-global-color-alpha-blue-900: hsl(210 100% 17% / .667);--sapphire-global-color-alpha-blue-800: hsl(211 100% 28% / .667);--sapphire-global-color-alpha-blue-700: hsl(211 100% 39% / .667);--sapphire-global-color-alpha-blue-600: hsl(212 100% 50% / .699);--sapphire-global-color-alpha-blue-500: hsl(215 100% 50% / .894);--sapphire-global-color-alpha-sand-950: hsl(33 100% 24% / .31);--sapphire-global-color-alpha-sand-900: hsl(35 100% 58% / .224);--sapphire-global-color-alpha-sand-800: hsl(38 100% 66% / .307);--sapphire-global-color-alpha-sand-700: hsl(38 100% 72% / .39);--sapphire-global-color-alpha-sand-600: hsl(38 100% 76% / .476);--sapphire-global-color-alpha-sand-500: hsl(39 100% 84% / .586);--sapphire-global-color-alpha-sand-400: hsl(42 100% 88% / .723);--sapphire-global-color-alpha-sand-300: hsl(45 100% 92% / .802);--sapphire-global-color-alpha-sand-200: hsl(44 100% 97% / .885);--sapphire-global-color-alpha-sand-100: hsl(53 100% 98% / .92);--sapphire-global-color-alpha-sand-50: hsl(40 100% 99% / .96);--sapphire-global-color-alpha-gray-900: hsl(215 97% 75% / .087);--sapphire-global-color-alpha-gray-800: hsl(221 100% 81% / .144);--sapphire-global-color-alpha-gray-700: hsl(214 100% 85% / .254);--sapphire-global-color-alpha-gray-600: hsl(213 100% 85% / .363);--sapphire-global-color-alpha-gray-500: hsl(212 100% 89% / .508);--sapphire-global-color-alpha-gray-400: hsl(211 100% 91% / .663);--sapphire-global-color-alpha-gray-300: hsl(211 100% 95% / .803);--sapphire-global-color-alpha-gray-200: hsl(212 100% 97% / .871);--sapphire-global-color-alpha-gray-100: hsl(207 100% 98% / .926);--sapphire-global-color-alpha-gray-50: hsl(200 100% 99% / .966);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-yellow-900);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-400);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-400);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-400);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .55);--sapphire-semantic-color-foreground-secondary-alpha: .55;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-gray-50);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-900);--sapphire-semantic-color-background-field: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-800);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-800);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-800);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-gray-100) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-gray-100) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-active-alpha: .12;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .08);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .08;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-100) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-100) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-400: var(--sapphire-global-color-blue-400);--sapphire-global-color-alpha-blue-300: var(--sapphire-global-color-blue-300);--sapphire-global-color-alpha-blue-200: var(--sapphire-global-color-blue-200);--sapphire-global-color-alpha-blue-100: var(--sapphire-global-color-blue-100);--sapphire-global-color-alpha-blue-50: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-400)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::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%}::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}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::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] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] }]
|
|
6962
6967
|
}] });
|
|
6963
6968
|
/**
|
|
6964
6969
|
* Sapphire default theme
|
|
@@ -6966,10 +6971,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6966
6971
|
class ThemeDefaultDark {
|
|
6967
6972
|
}
|
|
6968
6973
|
ThemeDefaultDark.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefaultDark, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6969
|
-
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:transparent}to{background:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background:var(--sapphire-semantic-color-background-backdrop)}to{background:transparent}}.sapphire-backdrop,:host.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:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default-dark,: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-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(24 100% 14% / .902);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 27% / .733);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 37% / .705);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 38% / .846);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 44% / .902);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 51% / .905);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 55% / .971);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 65% / .987);--sapphire-global-color-alpha-yellow-200: hsl(50 100% 77% / .979);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 89% / .987);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 92%);--sapphire-global-color-alpha-green-950: hsl(87 100% 10% / .508);--sapphire-global-color-alpha-green-900: hsl(86 100% 27% / .254);--sapphire-global-color-alpha-green-800: hsl(90 100% 56% / .198);--sapphire-global-color-alpha-green-700: hsl(101 100% 62% / .278);--sapphire-global-color-alpha-green-600: hsl(111 100% 64% / .396);--sapphire-global-color-alpha-green-500: hsl(113 100% 64% / .489);--sapphire-global-color-alpha-green-400: hsl(116 100% 70% / .662);--sapphire-global-color-alpha-green-300: hsl(117 100% 79% / .733);--sapphire-global-color-alpha-green-200: hsl(118 100% 86% / .83);--sapphire-global-color-alpha-green-100: hsl(120 100% 92% / .906);--sapphire-global-color-alpha-green-50: hsl(120 100% 97% / .939);--sapphire-global-color-alpha-red-950: hsl(7 100% 12% / .648);--sapphire-global-color-alpha-red-900: hsl(10 100% 30% / .423);--sapphire-global-color-alpha-red-800: hsl(5 100% 56% / .413);--sapphire-global-color-alpha-red-700: hsl(3 100% 59% / .564);--sapphire-global-color-alpha-red-600: hsl(1 100% 61% / .701);--sapphire-global-color-alpha-red-500: hsl(1 100% 60% / .826);--sapphire-global-color-alpha-red-400: hsl(1 100% 68% / .963);--sapphire-global-color-alpha-red-300: hsl(1 100% 75% / .979);--sapphire-global-color-alpha-red-200: hsl(2 100% 84%);--sapphire-global-color-alpha-red-100: hsl(4 100% 92%);--sapphire-global-color-alpha-red-50: hsl(0 100% 96% / .991);--sapphire-global-color-alpha-blue-950: hsl(210 100% 11% / .667);--sapphire-global-color-alpha-blue-900: hsl(210 100% 17% / .667);--sapphire-global-color-alpha-blue-800: hsl(211 100% 28% / .667);--sapphire-global-color-alpha-blue-700: hsl(211 100% 39% / .667);--sapphire-global-color-alpha-blue-600: hsl(212 100% 50% / .699);--sapphire-global-color-alpha-blue-500: hsl(215 100% 50% / .894);--sapphire-global-color-alpha-sand-950: hsl(33 100% 24% / .31);--sapphire-global-color-alpha-sand-900: hsl(35 100% 58% / .224);--sapphire-global-color-alpha-sand-800: hsl(38 100% 66% / .307);--sapphire-global-color-alpha-sand-700: hsl(38 100% 72% / .39);--sapphire-global-color-alpha-sand-600: hsl(38 100% 76% / .476);--sapphire-global-color-alpha-sand-500: hsl(39 100% 84% / .586);--sapphire-global-color-alpha-sand-400: hsl(42 100% 88% / .723);--sapphire-global-color-alpha-sand-300: hsl(45 100% 92% / .802);--sapphire-global-color-alpha-sand-200: hsl(44 100% 97% / .885);--sapphire-global-color-alpha-sand-100: hsl(53 100% 98% / .92);--sapphire-global-color-alpha-sand-50: hsl(40 100% 99% / .96);--sapphire-global-color-alpha-gray-900: hsl(215 97% 75% / .087);--sapphire-global-color-alpha-gray-800: hsl(221 100% 81% / .144);--sapphire-global-color-alpha-gray-700: hsl(214 100% 85% / .254);--sapphire-global-color-alpha-gray-600: hsl(213 100% 85% / .363);--sapphire-global-color-alpha-gray-500: hsl(212 100% 89% / .508);--sapphire-global-color-alpha-gray-400: hsl(211 100% 91% / .663);--sapphire-global-color-alpha-gray-300: hsl(211 100% 95% / .803);--sapphire-global-color-alpha-gray-200: hsl(212 100% 97% / .871);--sapphire-global-color-alpha-gray-100: hsl(207 100% 98% / .926);--sapphire-global-color-alpha-gray-50: hsl(200 100% 99% / .966);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: 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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-yellow-900);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-400);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-400);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-400);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .55);--sapphire-semantic-color-foreground-secondary-alpha: .55;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-gray-50);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-900);--sapphire-semantic-color-background-field: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-800);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-800);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-800);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-gray-100) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-gray-100) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-active-alpha: .12;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .08);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .08;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-100) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-100) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-400: var(--sapphire-global-color-blue-400);--sapphire-global-color-alpha-blue-300: var(--sapphire-global-color-blue-300);--sapphire-global-color-alpha-blue-200: var(--sapphire-global-color-blue-200);--sapphire-global-color-alpha-blue-100: var(--sapphire-global-color-blue-100);--sapphire-global-color-alpha-blue-50: var(--sapphire-global-color-blue-50);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-400);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover);--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover)}@media screen and (min-width: 768px){.sapphire-theme-default-dark,: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 screen and (min-width: 960px){.sapphire-theme-default-dark,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-200);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-250);--sapphire-semantic-size-font-heading-2xl: var(--sapphire-global-size-font-300)}}@media (prefers-reduced-motion){.sapphire-theme-default-dark,: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-dark.sapphire-theme--secondary,.sapphire-theme-default-dark .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-global-shadow-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(209 100% 6% / .04);--sapphire-global-color-alpha-red-50: hsl(4 100% 97% / .99);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-950)}.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-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(212 63% 12% / .1) inset, 0px 4px 24px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(23 100% 13% / .987);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 19% / .963);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 25% / .959);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 32% / .979);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 39% / .987);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 45% / .975);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 48% / .897);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 49% / .697);--sapphire-global-color-alpha-yellow-200: hsl(51 100% 48% / .47);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 47% / .235);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 50% / .161);--sapphire-global-color-alpha-green-950: hsl(129 100% 4% / .944);--sapphire-global-color-alpha-green-900: hsl(130 100% 6% / .916);--sapphire-global-color-alpha-green-800: hsl(128 100% 8% / .885);--sapphire-global-color-alpha-green-700: hsl(128 100% 11% / .862);--sapphire-global-color-alpha-green-600: hsl(127 100% 17% / .842);--sapphire-global-color-alpha-green-500: hsl(124 100% 21% / .822);--sapphire-global-color-alpha-green-400: hsl(122 100% 28% / .701);--sapphire-global-color-alpha-green-300: hsl(124 100% 28% / .56);--sapphire-global-color-alpha-green-200: hsl(124 100% 30% / .388);--sapphire-global-color-alpha-green-100: hsl(125 100% 11% / .231);--sapphire-global-color-alpha-green-50: hsl(129 100% 25% / .11);--sapphire-global-color-alpha-red-950: hsl(358 100% 6% / .957);--sapphire-global-color-alpha-red-900: hsl(1 100% 10% / .92);--sapphire-global-color-alpha-red-800: hsl(359 100% 17% / .877);--sapphire-global-color-alpha-red-700: hsl(359 100% 24% / .842);--sapphire-global-color-alpha-red-600: hsl(359 100% 32% / .819);--sapphire-global-color-alpha-red-500: hsl(0 100% 39% / .815);--sapphire-global-color-alpha-red-400: hsl(1 100% 47% / .65);--sapphire-global-color-alpha-red-300: hsl(1 100% 48% / .501);--sapphire-global-color-alpha-red-200: hsl(2 100% 50% / .325);--sapphire-global-color-alpha-red-100: hsl(4 100% 50% / .169);--sapphire-global-color-alpha-red-50: hsl(0 98% 45% / .079);--sapphire-global-color-alpha-blue-500: hsl(215 99% 45% / .995);--sapphire-global-color-alpha-blue-400: hsl(216 100% 50% / .74);--sapphire-global-color-alpha-blue-300: hsl(215 100% 50% / .513);--sapphire-global-color-alpha-blue-200: hsl(214 100% 50% / .349);--sapphire-global-color-alpha-blue-100: hsl(214 100% 50% / .2);--sapphire-global-color-alpha-blue-50: hsl(219 100% 50% / .091);--sapphire-global-color-alpha-sand-950: hsl(40 100% 3% / .905);--sapphire-global-color-alpha-sand-900: hsl(41 100% 5% / .858);--sapphire-global-color-alpha-sand-800: hsl(43 100% 7% / .803);--sapphire-global-color-alpha-sand-700: hsl(42 100% 9% / .74);--sapphire-global-color-alpha-sand-600: hsl(42 100% 12% / .678);--sapphire-global-color-alpha-sand-500: hsl(43 100% 12% / .548);--sapphire-global-color-alpha-sand-400: hsl(39 100% 17% / .411);--sapphire-global-color-alpha-sand-300: hsl(48 100% 17% / .294);--sapphire-global-color-alpha-sand-200: hsl(48 100% 13% / .153);--sapphire-global-color-alpha-sand-100: hsl(60 100% 10% / .098);--sapphire-global-color-alpha-sand-50: hsl(60 100% 10% / .043);--sapphire-global-color-alpha-gray-900: hsl(211 63% 13% / .952);--sapphire-global-color-alpha-gray-800: hsl(213 100% 9% / .909);--sapphire-global-color-alpha-gray-700: hsl(213 100% 11% / .819);--sapphire-global-color-alpha-gray-600: hsl(212 100% 13% / .74);--sapphire-global-color-alpha-gray-500: hsl(212 100% 15% / .603);--sapphire-global-color-alpha-gray-400: hsl(211 100% 18% / .455);--sapphire-global-color-alpha-gray-300: hsl(211 100% 20% / .282);--sapphire-global-color-alpha-gray-200: hsl(210 100% 21% / .188);--sapphire-global-color-alpha-gray-100: hsl(208 98% 23% / .114);--sapphire-global-color-alpha-gray-50: hsl(206 100% 25% / .055);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: 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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-alpha-yellow-800);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-500);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-700);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-500);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-500);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .64);--sapphire-semantic-color-foreground-secondary-alpha: .64;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-white);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-white);--sapphire-semantic-color-background-field: var(--sapphire-global-color-white);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-50);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-50);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-50);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-50);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-white);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-sand-200);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-500) xyz x y z / .1);--sapphire-semantic-color-state-negative-subtle-active-alpha: .1;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-500) xyz x y z / .06);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .06;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-900) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-900) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-950: var(--sapphire-global-color-blue-950);--sapphire-global-color-alpha-blue-900: var(--sapphire-global-color-blue-900);--sapphire-global-color-alpha-blue-800: var(--sapphire-global-color-blue-800);--sapphire-global-color-alpha-blue-700: var(--sapphire-global-color-blue-700);--sapphire-global-color-alpha-blue-600: var(--sapphire-global-color-blue-600);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-semantic-color-foreground-positive);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::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%}::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}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::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] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] });
|
|
6974
|
+
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:transparent}to{background:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background:var(--sapphire-semantic-color-background-backdrop)}to{background:transparent}}.sapphire-backdrop,:host.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:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default-dark,: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-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(24 100% 14% / .902);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 27% / .733);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 37% / .705);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 38% / .846);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 44% / .902);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 51% / .905);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 55% / .971);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 65% / .987);--sapphire-global-color-alpha-yellow-200: hsl(50 100% 77% / .979);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 89% / .987);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 92%);--sapphire-global-color-alpha-green-950: hsl(87 100% 10% / .508);--sapphire-global-color-alpha-green-900: hsl(86 100% 27% / .254);--sapphire-global-color-alpha-green-800: hsl(90 100% 56% / .198);--sapphire-global-color-alpha-green-700: hsl(101 100% 62% / .278);--sapphire-global-color-alpha-green-600: hsl(111 100% 64% / .396);--sapphire-global-color-alpha-green-500: hsl(113 100% 64% / .489);--sapphire-global-color-alpha-green-400: hsl(116 100% 70% / .662);--sapphire-global-color-alpha-green-300: hsl(117 100% 79% / .733);--sapphire-global-color-alpha-green-200: hsl(118 100% 86% / .83);--sapphire-global-color-alpha-green-100: hsl(120 100% 92% / .906);--sapphire-global-color-alpha-green-50: hsl(120 100% 97% / .939);--sapphire-global-color-alpha-red-950: hsl(7 100% 12% / .648);--sapphire-global-color-alpha-red-900: hsl(10 100% 30% / .423);--sapphire-global-color-alpha-red-800: hsl(5 100% 56% / .413);--sapphire-global-color-alpha-red-700: hsl(3 100% 59% / .564);--sapphire-global-color-alpha-red-600: hsl(1 100% 61% / .701);--sapphire-global-color-alpha-red-500: hsl(1 100% 60% / .826);--sapphire-global-color-alpha-red-400: hsl(1 100% 68% / .963);--sapphire-global-color-alpha-red-300: hsl(1 100% 75% / .979);--sapphire-global-color-alpha-red-200: hsl(2 100% 84%);--sapphire-global-color-alpha-red-100: hsl(4 100% 92%);--sapphire-global-color-alpha-red-50: hsl(0 100% 96% / .991);--sapphire-global-color-alpha-blue-950: hsl(210 100% 11% / .667);--sapphire-global-color-alpha-blue-900: hsl(210 100% 17% / .667);--sapphire-global-color-alpha-blue-800: hsl(211 100% 28% / .667);--sapphire-global-color-alpha-blue-700: hsl(211 100% 39% / .667);--sapphire-global-color-alpha-blue-600: hsl(212 100% 50% / .699);--sapphire-global-color-alpha-blue-500: hsl(215 100% 50% / .894);--sapphire-global-color-alpha-sand-950: hsl(33 100% 24% / .31);--sapphire-global-color-alpha-sand-900: hsl(35 100% 58% / .224);--sapphire-global-color-alpha-sand-800: hsl(38 100% 66% / .307);--sapphire-global-color-alpha-sand-700: hsl(38 100% 72% / .39);--sapphire-global-color-alpha-sand-600: hsl(38 100% 76% / .476);--sapphire-global-color-alpha-sand-500: hsl(39 100% 84% / .586);--sapphire-global-color-alpha-sand-400: hsl(42 100% 88% / .723);--sapphire-global-color-alpha-sand-300: hsl(45 100% 92% / .802);--sapphire-global-color-alpha-sand-200: hsl(44 100% 97% / .885);--sapphire-global-color-alpha-sand-100: hsl(53 100% 98% / .92);--sapphire-global-color-alpha-sand-50: hsl(40 100% 99% / .96);--sapphire-global-color-alpha-gray-900: hsl(215 97% 75% / .087);--sapphire-global-color-alpha-gray-800: hsl(221 100% 81% / .144);--sapphire-global-color-alpha-gray-700: hsl(214 100% 85% / .254);--sapphire-global-color-alpha-gray-600: hsl(213 100% 85% / .363);--sapphire-global-color-alpha-gray-500: hsl(212 100% 89% / .508);--sapphire-global-color-alpha-gray-400: hsl(211 100% 91% / .663);--sapphire-global-color-alpha-gray-300: hsl(211 100% 95% / .803);--sapphire-global-color-alpha-gray-200: hsl(212 100% 97% / .871);--sapphire-global-color-alpha-gray-100: hsl(207 100% 98% / .926);--sapphire-global-color-alpha-gray-50: hsl(200 100% 99% / .966);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-4xl: var(--sapphire-global-size-generic-200);--sapphire-semantic-size-height-control-3xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-height-control-2xl: var(--sapphire-global-size-generic-160);--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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-yellow-900);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-400);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-400);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-400);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .55);--sapphire-semantic-color-foreground-secondary-alpha: .55;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-gray-50);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-900);--sapphire-semantic-color-background-field: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-800);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-800);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-800);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-gray-100) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-gray-100) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-active-alpha: .12;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .08);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .08;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-100) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-100) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-400: var(--sapphire-global-color-blue-400);--sapphire-global-color-alpha-blue-300: var(--sapphire-global-color-blue-300);--sapphire-global-color-alpha-blue-200: var(--sapphire-global-color-blue-200);--sapphire-global-color-alpha-blue-100: var(--sapphire-global-color-blue-100);--sapphire-global-color-alpha-blue-50: var(--sapphire-global-color-blue-50);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-400);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover);--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover)}@media screen and (min-width: 768px){.sapphire-theme-default-dark,: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 screen and (min-width: 960px){.sapphire-theme-default-dark,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-200);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-250);--sapphire-semantic-size-font-heading-2xl: var(--sapphire-global-size-font-300)}}@media (prefers-reduced-motion){.sapphire-theme-default-dark,: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-dark.sapphire-theme--secondary,.sapphire-theme-default-dark .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-global-shadow-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(209 100% 6% / .04);--sapphire-global-color-alpha-red-50: hsl(4 100% 97% / .99);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-950)}.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-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(212 63% 12% / .1) inset, 0px 4px 24px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(23 100% 13% / .987);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 19% / .963);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 25% / .959);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 32% / .979);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 39% / .987);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 45% / .975);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 48% / .897);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 49% / .697);--sapphire-global-color-alpha-yellow-200: hsl(51 100% 48% / .47);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 47% / .235);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 50% / .161);--sapphire-global-color-alpha-green-950: hsl(129 100% 4% / .944);--sapphire-global-color-alpha-green-900: hsl(130 100% 6% / .916);--sapphire-global-color-alpha-green-800: hsl(128 100% 8% / .885);--sapphire-global-color-alpha-green-700: hsl(128 100% 11% / .862);--sapphire-global-color-alpha-green-600: hsl(127 100% 17% / .842);--sapphire-global-color-alpha-green-500: hsl(124 100% 21% / .822);--sapphire-global-color-alpha-green-400: hsl(122 100% 28% / .701);--sapphire-global-color-alpha-green-300: hsl(124 100% 28% / .56);--sapphire-global-color-alpha-green-200: hsl(124 100% 30% / .388);--sapphire-global-color-alpha-green-100: hsl(125 100% 11% / .231);--sapphire-global-color-alpha-green-50: hsl(129 100% 25% / .11);--sapphire-global-color-alpha-red-950: hsl(358 100% 6% / .957);--sapphire-global-color-alpha-red-900: hsl(1 100% 10% / .92);--sapphire-global-color-alpha-red-800: hsl(359 100% 17% / .877);--sapphire-global-color-alpha-red-700: hsl(359 100% 24% / .842);--sapphire-global-color-alpha-red-600: hsl(359 100% 32% / .819);--sapphire-global-color-alpha-red-500: hsl(0 100% 39% / .815);--sapphire-global-color-alpha-red-400: hsl(1 100% 47% / .65);--sapphire-global-color-alpha-red-300: hsl(1 100% 48% / .501);--sapphire-global-color-alpha-red-200: hsl(2 100% 50% / .325);--sapphire-global-color-alpha-red-100: hsl(4 100% 50% / .169);--sapphire-global-color-alpha-red-50: hsl(0 98% 45% / .079);--sapphire-global-color-alpha-blue-500: hsl(215 99% 45% / .995);--sapphire-global-color-alpha-blue-400: hsl(216 100% 50% / .74);--sapphire-global-color-alpha-blue-300: hsl(215 100% 50% / .513);--sapphire-global-color-alpha-blue-200: hsl(214 100% 50% / .349);--sapphire-global-color-alpha-blue-100: hsl(214 100% 50% / .2);--sapphire-global-color-alpha-blue-50: hsl(219 100% 50% / .091);--sapphire-global-color-alpha-sand-950: hsl(40 100% 3% / .905);--sapphire-global-color-alpha-sand-900: hsl(41 100% 5% / .858);--sapphire-global-color-alpha-sand-800: hsl(43 100% 7% / .803);--sapphire-global-color-alpha-sand-700: hsl(42 100% 9% / .74);--sapphire-global-color-alpha-sand-600: hsl(42 100% 12% / .678);--sapphire-global-color-alpha-sand-500: hsl(43 100% 12% / .548);--sapphire-global-color-alpha-sand-400: hsl(39 100% 17% / .411);--sapphire-global-color-alpha-sand-300: hsl(48 100% 17% / .294);--sapphire-global-color-alpha-sand-200: hsl(48 100% 13% / .153);--sapphire-global-color-alpha-sand-100: hsl(60 100% 10% / .098);--sapphire-global-color-alpha-sand-50: hsl(60 100% 10% / .043);--sapphire-global-color-alpha-gray-900: hsl(211 63% 13% / .952);--sapphire-global-color-alpha-gray-800: hsl(213 100% 9% / .909);--sapphire-global-color-alpha-gray-700: hsl(213 100% 11% / .819);--sapphire-global-color-alpha-gray-600: hsl(212 100% 13% / .74);--sapphire-global-color-alpha-gray-500: hsl(212 100% 15% / .603);--sapphire-global-color-alpha-gray-400: hsl(211 100% 18% / .455);--sapphire-global-color-alpha-gray-300: hsl(211 100% 20% / .282);--sapphire-global-color-alpha-gray-200: hsl(210 100% 21% / .188);--sapphire-global-color-alpha-gray-100: hsl(208 98% 23% / .114);--sapphire-global-color-alpha-gray-50: hsl(206 100% 25% / .055);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-4xl: var(--sapphire-global-size-generic-200);--sapphire-semantic-size-height-control-3xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-height-control-2xl: var(--sapphire-global-size-generic-160);--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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-alpha-yellow-800);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-500);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-700);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-500);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-500);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .64);--sapphire-semantic-color-foreground-secondary-alpha: .64;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-white);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-white);--sapphire-semantic-color-background-field: var(--sapphire-global-color-white);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-50);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-50);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-50);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-50);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-white);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-sand-200);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-500) xyz x y z / .1);--sapphire-semantic-color-state-negative-subtle-active-alpha: .1;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-500) xyz x y z / .06);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .06;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-900) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-900) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-950: var(--sapphire-global-color-blue-950);--sapphire-global-color-alpha-blue-900: var(--sapphire-global-color-blue-900);--sapphire-global-color-alpha-blue-800: var(--sapphire-global-color-blue-800);--sapphire-global-color-alpha-blue-700: var(--sapphire-global-color-blue-700);--sapphire-global-color-alpha-blue-600: var(--sapphire-global-color-blue-600);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-semantic-color-foreground-positive);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::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%}::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}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::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] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] });
|
|
6970
6975
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefaultDark, decorators: [{
|
|
6971
6976
|
type: Component,
|
|
6972
|
-
args: [{ selector: 'sp-theme-default-dark', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background:transparent}to{background:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background:var(--sapphire-semantic-color-background-backdrop)}to{background:transparent}}.sapphire-backdrop,:host.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:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default-dark,: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-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(24 100% 14% / .902);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 27% / .733);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 37% / .705);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 38% / .846);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 44% / .902);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 51% / .905);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 55% / .971);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 65% / .987);--sapphire-global-color-alpha-yellow-200: hsl(50 100% 77% / .979);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 89% / .987);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 92%);--sapphire-global-color-alpha-green-950: hsl(87 100% 10% / .508);--sapphire-global-color-alpha-green-900: hsl(86 100% 27% / .254);--sapphire-global-color-alpha-green-800: hsl(90 100% 56% / .198);--sapphire-global-color-alpha-green-700: hsl(101 100% 62% / .278);--sapphire-global-color-alpha-green-600: hsl(111 100% 64% / .396);--sapphire-global-color-alpha-green-500: hsl(113 100% 64% / .489);--sapphire-global-color-alpha-green-400: hsl(116 100% 70% / .662);--sapphire-global-color-alpha-green-300: hsl(117 100% 79% / .733);--sapphire-global-color-alpha-green-200: hsl(118 100% 86% / .83);--sapphire-global-color-alpha-green-100: hsl(120 100% 92% / .906);--sapphire-global-color-alpha-green-50: hsl(120 100% 97% / .939);--sapphire-global-color-alpha-red-950: hsl(7 100% 12% / .648);--sapphire-global-color-alpha-red-900: hsl(10 100% 30% / .423);--sapphire-global-color-alpha-red-800: hsl(5 100% 56% / .413);--sapphire-global-color-alpha-red-700: hsl(3 100% 59% / .564);--sapphire-global-color-alpha-red-600: hsl(1 100% 61% / .701);--sapphire-global-color-alpha-red-500: hsl(1 100% 60% / .826);--sapphire-global-color-alpha-red-400: hsl(1 100% 68% / .963);--sapphire-global-color-alpha-red-300: hsl(1 100% 75% / .979);--sapphire-global-color-alpha-red-200: hsl(2 100% 84%);--sapphire-global-color-alpha-red-100: hsl(4 100% 92%);--sapphire-global-color-alpha-red-50: hsl(0 100% 96% / .991);--sapphire-global-color-alpha-blue-950: hsl(210 100% 11% / .667);--sapphire-global-color-alpha-blue-900: hsl(210 100% 17% / .667);--sapphire-global-color-alpha-blue-800: hsl(211 100% 28% / .667);--sapphire-global-color-alpha-blue-700: hsl(211 100% 39% / .667);--sapphire-global-color-alpha-blue-600: hsl(212 100% 50% / .699);--sapphire-global-color-alpha-blue-500: hsl(215 100% 50% / .894);--sapphire-global-color-alpha-sand-950: hsl(33 100% 24% / .31);--sapphire-global-color-alpha-sand-900: hsl(35 100% 58% / .224);--sapphire-global-color-alpha-sand-800: hsl(38 100% 66% / .307);--sapphire-global-color-alpha-sand-700: hsl(38 100% 72% / .39);--sapphire-global-color-alpha-sand-600: hsl(38 100% 76% / .476);--sapphire-global-color-alpha-sand-500: hsl(39 100% 84% / .586);--sapphire-global-color-alpha-sand-400: hsl(42 100% 88% / .723);--sapphire-global-color-alpha-sand-300: hsl(45 100% 92% / .802);--sapphire-global-color-alpha-sand-200: hsl(44 100% 97% / .885);--sapphire-global-color-alpha-sand-100: hsl(53 100% 98% / .92);--sapphire-global-color-alpha-sand-50: hsl(40 100% 99% / .96);--sapphire-global-color-alpha-gray-900: hsl(215 97% 75% / .087);--sapphire-global-color-alpha-gray-800: hsl(221 100% 81% / .144);--sapphire-global-color-alpha-gray-700: hsl(214 100% 85% / .254);--sapphire-global-color-alpha-gray-600: hsl(213 100% 85% / .363);--sapphire-global-color-alpha-gray-500: hsl(212 100% 89% / .508);--sapphire-global-color-alpha-gray-400: hsl(211 100% 91% / .663);--sapphire-global-color-alpha-gray-300: hsl(211 100% 95% / .803);--sapphire-global-color-alpha-gray-200: hsl(212 100% 97% / .871);--sapphire-global-color-alpha-gray-100: hsl(207 100% 98% / .926);--sapphire-global-color-alpha-gray-50: hsl(200 100% 99% / .966);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: 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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-yellow-900);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-400);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-400);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-400);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .55);--sapphire-semantic-color-foreground-secondary-alpha: .55;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-gray-50);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-900);--sapphire-semantic-color-background-field: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-800);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-800);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-800);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-gray-100) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-gray-100) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-active-alpha: .12;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .08);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .08;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-100) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-100) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-400: var(--sapphire-global-color-blue-400);--sapphire-global-color-alpha-blue-300: var(--sapphire-global-color-blue-300);--sapphire-global-color-alpha-blue-200: var(--sapphire-global-color-blue-200);--sapphire-global-color-alpha-blue-100: var(--sapphire-global-color-blue-100);--sapphire-global-color-alpha-blue-50: var(--sapphire-global-color-blue-50);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-400);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover);--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover)}@media screen and (min-width: 768px){.sapphire-theme-default-dark,: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 screen and (min-width: 960px){.sapphire-theme-default-dark,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-200);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-250);--sapphire-semantic-size-font-heading-2xl: var(--sapphire-global-size-font-300)}}@media (prefers-reduced-motion){.sapphire-theme-default-dark,: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-dark.sapphire-theme--secondary,.sapphire-theme-default-dark .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-global-shadow-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(209 100% 6% / .04);--sapphire-global-color-alpha-red-50: hsl(4 100% 97% / .99);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-950)}.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-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(212 63% 12% / .1) inset, 0px 4px 24px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(23 100% 13% / .987);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 19% / .963);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 25% / .959);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 32% / .979);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 39% / .987);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 45% / .975);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 48% / .897);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 49% / .697);--sapphire-global-color-alpha-yellow-200: hsl(51 100% 48% / .47);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 47% / .235);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 50% / .161);--sapphire-global-color-alpha-green-950: hsl(129 100% 4% / .944);--sapphire-global-color-alpha-green-900: hsl(130 100% 6% / .916);--sapphire-global-color-alpha-green-800: hsl(128 100% 8% / .885);--sapphire-global-color-alpha-green-700: hsl(128 100% 11% / .862);--sapphire-global-color-alpha-green-600: hsl(127 100% 17% / .842);--sapphire-global-color-alpha-green-500: hsl(124 100% 21% / .822);--sapphire-global-color-alpha-green-400: hsl(122 100% 28% / .701);--sapphire-global-color-alpha-green-300: hsl(124 100% 28% / .56);--sapphire-global-color-alpha-green-200: hsl(124 100% 30% / .388);--sapphire-global-color-alpha-green-100: hsl(125 100% 11% / .231);--sapphire-global-color-alpha-green-50: hsl(129 100% 25% / .11);--sapphire-global-color-alpha-red-950: hsl(358 100% 6% / .957);--sapphire-global-color-alpha-red-900: hsl(1 100% 10% / .92);--sapphire-global-color-alpha-red-800: hsl(359 100% 17% / .877);--sapphire-global-color-alpha-red-700: hsl(359 100% 24% / .842);--sapphire-global-color-alpha-red-600: hsl(359 100% 32% / .819);--sapphire-global-color-alpha-red-500: hsl(0 100% 39% / .815);--sapphire-global-color-alpha-red-400: hsl(1 100% 47% / .65);--sapphire-global-color-alpha-red-300: hsl(1 100% 48% / .501);--sapphire-global-color-alpha-red-200: hsl(2 100% 50% / .325);--sapphire-global-color-alpha-red-100: hsl(4 100% 50% / .169);--sapphire-global-color-alpha-red-50: hsl(0 98% 45% / .079);--sapphire-global-color-alpha-blue-500: hsl(215 99% 45% / .995);--sapphire-global-color-alpha-blue-400: hsl(216 100% 50% / .74);--sapphire-global-color-alpha-blue-300: hsl(215 100% 50% / .513);--sapphire-global-color-alpha-blue-200: hsl(214 100% 50% / .349);--sapphire-global-color-alpha-blue-100: hsl(214 100% 50% / .2);--sapphire-global-color-alpha-blue-50: hsl(219 100% 50% / .091);--sapphire-global-color-alpha-sand-950: hsl(40 100% 3% / .905);--sapphire-global-color-alpha-sand-900: hsl(41 100% 5% / .858);--sapphire-global-color-alpha-sand-800: hsl(43 100% 7% / .803);--sapphire-global-color-alpha-sand-700: hsl(42 100% 9% / .74);--sapphire-global-color-alpha-sand-600: hsl(42 100% 12% / .678);--sapphire-global-color-alpha-sand-500: hsl(43 100% 12% / .548);--sapphire-global-color-alpha-sand-400: hsl(39 100% 17% / .411);--sapphire-global-color-alpha-sand-300: hsl(48 100% 17% / .294);--sapphire-global-color-alpha-sand-200: hsl(48 100% 13% / .153);--sapphire-global-color-alpha-sand-100: hsl(60 100% 10% / .098);--sapphire-global-color-alpha-sand-50: hsl(60 100% 10% / .043);--sapphire-global-color-alpha-gray-900: hsl(211 63% 13% / .952);--sapphire-global-color-alpha-gray-800: hsl(213 100% 9% / .909);--sapphire-global-color-alpha-gray-700: hsl(213 100% 11% / .819);--sapphire-global-color-alpha-gray-600: hsl(212 100% 13% / .74);--sapphire-global-color-alpha-gray-500: hsl(212 100% 15% / .603);--sapphire-global-color-alpha-gray-400: hsl(211 100% 18% / .455);--sapphire-global-color-alpha-gray-300: hsl(211 100% 20% / .282);--sapphire-global-color-alpha-gray-200: hsl(210 100% 21% / .188);--sapphire-global-color-alpha-gray-100: hsl(208 98% 23% / .114);--sapphire-global-color-alpha-gray-50: hsl(206 100% 25% / .055);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: 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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-alpha-yellow-800);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-500);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-700);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-500);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-500);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .64);--sapphire-semantic-color-foreground-secondary-alpha: .64;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-white);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-white);--sapphire-semantic-color-background-field: var(--sapphire-global-color-white);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-50);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-50);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-50);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-50);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-white);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-sand-200);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-500) xyz x y z / .1);--sapphire-semantic-color-state-negative-subtle-active-alpha: .1;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-500) xyz x y z / .06);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .06;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-900) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-900) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-950: var(--sapphire-global-color-blue-950);--sapphire-global-color-alpha-blue-900: var(--sapphire-global-color-blue-900);--sapphire-global-color-alpha-blue-800: var(--sapphire-global-color-blue-800);--sapphire-global-color-alpha-blue-700: var(--sapphire-global-color-blue-700);--sapphire-global-color-alpha-blue-600: var(--sapphire-global-color-blue-600);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-semantic-color-foreground-positive);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::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%}::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}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::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] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] }]
|
|
6977
|
+
args: [{ selector: 'sp-theme-default-dark', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background:transparent}to{background:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background:var(--sapphire-semantic-color-background-backdrop)}to{background:transparent}}.sapphire-backdrop,:host.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:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default-dark,: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-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(24 100% 14% / .902);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 27% / .733);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 37% / .705);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 38% / .846);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 44% / .902);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 51% / .905);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 55% / .971);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 65% / .987);--sapphire-global-color-alpha-yellow-200: hsl(50 100% 77% / .979);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 89% / .987);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 92%);--sapphire-global-color-alpha-green-950: hsl(87 100% 10% / .508);--sapphire-global-color-alpha-green-900: hsl(86 100% 27% / .254);--sapphire-global-color-alpha-green-800: hsl(90 100% 56% / .198);--sapphire-global-color-alpha-green-700: hsl(101 100% 62% / .278);--sapphire-global-color-alpha-green-600: hsl(111 100% 64% / .396);--sapphire-global-color-alpha-green-500: hsl(113 100% 64% / .489);--sapphire-global-color-alpha-green-400: hsl(116 100% 70% / .662);--sapphire-global-color-alpha-green-300: hsl(117 100% 79% / .733);--sapphire-global-color-alpha-green-200: hsl(118 100% 86% / .83);--sapphire-global-color-alpha-green-100: hsl(120 100% 92% / .906);--sapphire-global-color-alpha-green-50: hsl(120 100% 97% / .939);--sapphire-global-color-alpha-red-950: hsl(7 100% 12% / .648);--sapphire-global-color-alpha-red-900: hsl(10 100% 30% / .423);--sapphire-global-color-alpha-red-800: hsl(5 100% 56% / .413);--sapphire-global-color-alpha-red-700: hsl(3 100% 59% / .564);--sapphire-global-color-alpha-red-600: hsl(1 100% 61% / .701);--sapphire-global-color-alpha-red-500: hsl(1 100% 60% / .826);--sapphire-global-color-alpha-red-400: hsl(1 100% 68% / .963);--sapphire-global-color-alpha-red-300: hsl(1 100% 75% / .979);--sapphire-global-color-alpha-red-200: hsl(2 100% 84%);--sapphire-global-color-alpha-red-100: hsl(4 100% 92%);--sapphire-global-color-alpha-red-50: hsl(0 100% 96% / .991);--sapphire-global-color-alpha-blue-950: hsl(210 100% 11% / .667);--sapphire-global-color-alpha-blue-900: hsl(210 100% 17% / .667);--sapphire-global-color-alpha-blue-800: hsl(211 100% 28% / .667);--sapphire-global-color-alpha-blue-700: hsl(211 100% 39% / .667);--sapphire-global-color-alpha-blue-600: hsl(212 100% 50% / .699);--sapphire-global-color-alpha-blue-500: hsl(215 100% 50% / .894);--sapphire-global-color-alpha-sand-950: hsl(33 100% 24% / .31);--sapphire-global-color-alpha-sand-900: hsl(35 100% 58% / .224);--sapphire-global-color-alpha-sand-800: hsl(38 100% 66% / .307);--sapphire-global-color-alpha-sand-700: hsl(38 100% 72% / .39);--sapphire-global-color-alpha-sand-600: hsl(38 100% 76% / .476);--sapphire-global-color-alpha-sand-500: hsl(39 100% 84% / .586);--sapphire-global-color-alpha-sand-400: hsl(42 100% 88% / .723);--sapphire-global-color-alpha-sand-300: hsl(45 100% 92% / .802);--sapphire-global-color-alpha-sand-200: hsl(44 100% 97% / .885);--sapphire-global-color-alpha-sand-100: hsl(53 100% 98% / .92);--sapphire-global-color-alpha-sand-50: hsl(40 100% 99% / .96);--sapphire-global-color-alpha-gray-900: hsl(215 97% 75% / .087);--sapphire-global-color-alpha-gray-800: hsl(221 100% 81% / .144);--sapphire-global-color-alpha-gray-700: hsl(214 100% 85% / .254);--sapphire-global-color-alpha-gray-600: hsl(213 100% 85% / .363);--sapphire-global-color-alpha-gray-500: hsl(212 100% 89% / .508);--sapphire-global-color-alpha-gray-400: hsl(211 100% 91% / .663);--sapphire-global-color-alpha-gray-300: hsl(211 100% 95% / .803);--sapphire-global-color-alpha-gray-200: hsl(212 100% 97% / .871);--sapphire-global-color-alpha-gray-100: hsl(207 100% 98% / .926);--sapphire-global-color-alpha-gray-50: hsl(200 100% 99% / .966);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-4xl: var(--sapphire-global-size-generic-200);--sapphire-semantic-size-height-control-3xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-height-control-2xl: var(--sapphire-global-size-generic-160);--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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-yellow-900);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-400);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-400);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-400);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .55);--sapphire-semantic-color-foreground-secondary-alpha: .55;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-gray-50);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-900);--sapphire-semantic-color-background-field: var(--sapphire-global-color-gray-800);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-800);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-800);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-800);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-gray-600);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-gray-900);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-gray-800);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-gray-50) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-gray-100) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-gray-100) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-subtle-active-alpha: .12;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .08);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .08;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-100) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-100) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-gray-200) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-gray-200) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-100) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-100) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-400: var(--sapphire-global-color-blue-400);--sapphire-global-color-alpha-blue-300: var(--sapphire-global-color-blue-300);--sapphire-global-color-alpha-blue-200: var(--sapphire-global-color-blue-200);--sapphire-global-color-alpha-blue-100: var(--sapphire-global-color-blue-100);--sapphire-global-color-alpha-blue-50: var(--sapphire-global-color-blue-50);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-400);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover);--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover)}@media screen and (min-width: 768px){.sapphire-theme-default-dark,: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 screen and (min-width: 960px){.sapphire-theme-default-dark,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-200);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-250);--sapphire-semantic-size-font-heading-2xl: var(--sapphire-global-size-font-300)}}@media (prefers-reduced-motion){.sapphire-theme-default-dark,: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-dark.sapphire-theme--secondary,.sapphire-theme-default-dark .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-global-shadow-md: 0px 0px 0px .5px hsl(0 0% 100% / .1) inset, 0px 4px 16px 0px hsl(209 100% 6% / .04);--sapphire-global-color-alpha-red-50: hsl(4 100% 97% / .99);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-gray-950)}.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-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-lg: 1200px;--sapphire-semantic-size-breakpoint-md: 960px;--sapphire-semantic-size-breakpoint-sm: 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-default-bold: 600;--sapphire-semantic-font-weight-default-medium: 500;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-semantic-font-weight-default-light: 300;--sapphire-global-transitions-ease-in: cubic-bezier(0, 0, 0, 1);--sapphire-global-transitions-ease-in-out-quick: cubic-bezier(.5, 0, 0, 1);--sapphire-global-transitions-ease-in-out: cubic-bezier(.7, 0, .2, 1);--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.3;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-250: 2.5rem;--sapphire-global-size-font-200: 2rem;--sapphire-global-size-font-175: 1.75rem;--sapphire-global-size-font-163: 1.625rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-125: 1.25rem;--sapphire-global-size-font-112: 1.125rem;--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-110: 2.75rem;--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-40: 16px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-15: 6px;--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-md: 0px 0px 0px .5px hsl(212 63% 12% / .1) inset, 0px 4px 24px 0px hsl(212 63% 12% / .04);--sapphire-global-opacity-30: .3;--sapphire-global-font-danske-name: \"Danske\";--sapphire-global-color-secondary-green-4: hsl(137 64% 78%);--sapphire-global-color-secondary-green-3: hsl(152 42% 56%);--sapphire-global-color-secondary-green-2: hsl(152 44% 38%);--sapphire-global-color-secondary-green-1: hsl(158 58% 19%);--sapphire-global-color-secondary-copper-4: hsl(23 69% 75%);--sapphire-global-color-secondary-copper-3: hsl(19 61% 60%);--sapphire-global-color-secondary-copper-2: hsl(18 57% 41%);--sapphire-global-color-secondary-copper-1: hsl(12 65% 23%);--sapphire-global-color-secondary-gold-4: hsl(45 63% 69%);--sapphire-global-color-secondary-gold-3: hsl(39 49% 54%);--sapphire-global-color-secondary-gold-2: hsl(37 57% 36%);--sapphire-global-color-secondary-gold-1: hsl(37 68% 19%);--sapphire-global-color-secondary-blue-4: hsl(211 72% 72%);--sapphire-global-color-secondary-blue-3: hsl(214 59% 62%);--sapphire-global-color-secondary-blue-2: hsl(218 51% 52%);--sapphire-global-color-secondary-blue-1: hsl(212 100% 24%);--sapphire-global-color-alpha-yellow-950: hsl(23 100% 13% / .987);--sapphire-global-color-alpha-yellow-900: hsl(25 100% 19% / .963);--sapphire-global-color-alpha-yellow-800: hsl(27 100% 25% / .959);--sapphire-global-color-alpha-yellow-700: hsl(31 100% 32% / .979);--sapphire-global-color-alpha-yellow-600: hsl(36 100% 39% / .987);--sapphire-global-color-alpha-yellow-500: hsl(41 100% 45% / .975);--sapphire-global-color-alpha-yellow-400: hsl(46 100% 48% / .897);--sapphire-global-color-alpha-yellow-300: hsl(46 100% 49% / .697);--sapphire-global-color-alpha-yellow-200: hsl(51 100% 48% / .47);--sapphire-global-color-alpha-yellow-100: hsl(51 100% 47% / .235);--sapphire-global-color-alpha-yellow-50: hsl(53 100% 50% / .161);--sapphire-global-color-alpha-green-950: hsl(129 100% 4% / .944);--sapphire-global-color-alpha-green-900: hsl(130 100% 6% / .916);--sapphire-global-color-alpha-green-800: hsl(128 100% 8% / .885);--sapphire-global-color-alpha-green-700: hsl(128 100% 11% / .862);--sapphire-global-color-alpha-green-600: hsl(127 100% 17% / .842);--sapphire-global-color-alpha-green-500: hsl(124 100% 21% / .822);--sapphire-global-color-alpha-green-400: hsl(122 100% 28% / .701);--sapphire-global-color-alpha-green-300: hsl(124 100% 28% / .56);--sapphire-global-color-alpha-green-200: hsl(124 100% 30% / .388);--sapphire-global-color-alpha-green-100: hsl(125 100% 11% / .231);--sapphire-global-color-alpha-green-50: hsl(129 100% 25% / .11);--sapphire-global-color-alpha-red-950: hsl(358 100% 6% / .957);--sapphire-global-color-alpha-red-900: hsl(1 100% 10% / .92);--sapphire-global-color-alpha-red-800: hsl(359 100% 17% / .877);--sapphire-global-color-alpha-red-700: hsl(359 100% 24% / .842);--sapphire-global-color-alpha-red-600: hsl(359 100% 32% / .819);--sapphire-global-color-alpha-red-500: hsl(0 100% 39% / .815);--sapphire-global-color-alpha-red-400: hsl(1 100% 47% / .65);--sapphire-global-color-alpha-red-300: hsl(1 100% 48% / .501);--sapphire-global-color-alpha-red-200: hsl(2 100% 50% / .325);--sapphire-global-color-alpha-red-100: hsl(4 100% 50% / .169);--sapphire-global-color-alpha-red-50: hsl(0 98% 45% / .079);--sapphire-global-color-alpha-blue-500: hsl(215 99% 45% / .995);--sapphire-global-color-alpha-blue-400: hsl(216 100% 50% / .74);--sapphire-global-color-alpha-blue-300: hsl(215 100% 50% / .513);--sapphire-global-color-alpha-blue-200: hsl(214 100% 50% / .349);--sapphire-global-color-alpha-blue-100: hsl(214 100% 50% / .2);--sapphire-global-color-alpha-blue-50: hsl(219 100% 50% / .091);--sapphire-global-color-alpha-sand-950: hsl(40 100% 3% / .905);--sapphire-global-color-alpha-sand-900: hsl(41 100% 5% / .858);--sapphire-global-color-alpha-sand-800: hsl(43 100% 7% / .803);--sapphire-global-color-alpha-sand-700: hsl(42 100% 9% / .74);--sapphire-global-color-alpha-sand-600: hsl(42 100% 12% / .678);--sapphire-global-color-alpha-sand-500: hsl(43 100% 12% / .548);--sapphire-global-color-alpha-sand-400: hsl(39 100% 17% / .411);--sapphire-global-color-alpha-sand-300: hsl(48 100% 17% / .294);--sapphire-global-color-alpha-sand-200: hsl(48 100% 13% / .153);--sapphire-global-color-alpha-sand-100: hsl(60 100% 10% / .098);--sapphire-global-color-alpha-sand-50: hsl(60 100% 10% / .043);--sapphire-global-color-alpha-gray-900: hsl(211 63% 13% / .952);--sapphire-global-color-alpha-gray-800: hsl(213 100% 9% / .909);--sapphire-global-color-alpha-gray-700: hsl(213 100% 11% / .819);--sapphire-global-color-alpha-gray-600: hsl(212 100% 13% / .74);--sapphire-global-color-alpha-gray-500: hsl(212 100% 15% / .603);--sapphire-global-color-alpha-gray-400: hsl(211 100% 18% / .455);--sapphire-global-color-alpha-gray-300: hsl(211 100% 20% / .282);--sapphire-global-color-alpha-gray-200: hsl(210 100% 21% / .188);--sapphire-global-color-alpha-gray-100: hsl(208 98% 23% / .114);--sapphire-global-color-alpha-gray-50: hsl(206 100% 25% / .055);--sapphire-global-color-yellow-950: hsl(24 91% 14%);--sapphire-global-color-yellow-900: hsl(25 84% 22%);--sapphire-global-color-yellow-800: hsl(27 86% 28%);--sapphire-global-color-yellow-700: hsl(31 94% 33%);--sapphire-global-color-yellow-600: hsl(36 97% 40%);--sapphire-global-color-yellow-500: hsl(41 95% 46%);--sapphire-global-color-yellow-400: hsl(46 94% 54%);--sapphire-global-color-yellow-300: hsl(46 97% 65%);--sapphire-global-color-yellow-200: hsl(51 92% 75%);--sapphire-global-color-yellow-100: hsl(51 90% 88%);--sapphire-global-color-yellow-50: hsl(53 100% 92%);--sapphire-global-color-green-950: hsl(129 42% 9%);--sapphire-global-color-green-900: hsl(131 40% 14%);--sapphire-global-color-green-800: hsl(128 38% 18%);--sapphire-global-color-green-700: hsl(129 41% 23%);--sapphire-global-color-green-600: hsl(127 47% 30%);--sapphire-global-color-green-500: hsl(125 50% 35%);--sapphire-global-color-green-400: hsl(122 39% 49%);--sapphire-global-color-green-300: hsl(124 39% 60%);--sapphire-global-color-green-200: hsl(124 42% 73%);--sapphire-global-color-green-100: hsl(125 46% 84%);--sapphire-global-color-green-50: hsl(129 33% 92%);--sapphire-global-color-red-950: hsl(358 57% 10%);--sapphire-global-color-red-900: hsl(1 53% 17%);--sapphire-global-color-red-800: hsl(358 55% 27%);--sapphire-global-color-red-700: hsl(359 57% 36%);--sapphire-global-color-red-600: hsl(359 59% 44%);--sapphire-global-color-red-500: hsl(0 65% 51%);--sapphire-global-color-red-400: hsl(1 90% 66%);--sapphire-global-color-red-300: hsl(1 92% 74%);--sapphire-global-color-red-200: hsl(2 100% 84%);--sapphire-global-color-red-100: hsl(4 100% 92%);--sapphire-global-color-red-50: hsl(0 82% 96%);--sapphire-global-color-blue-950: hsl(210 100% 9%);--sapphire-global-color-blue-900: hsl(210 100% 14%);--sapphire-global-color-blue-800: hsl(211 100% 21%);--sapphire-global-color-blue-700: hsl(211 100% 28%);--sapphire-global-color-blue-600: hsl(212 100% 37%);--sapphire-global-color-blue-500: hsl(218 92% 49%);--sapphire-global-color-blue-400: hsl(216 100% 63%);--sapphire-global-color-blue-300: hsl(215 100% 74%);--sapphire-global-color-blue-200: hsl(214 100% 83%);--sapphire-global-color-blue-100: hsl(214 100% 90%);--sapphire-global-color-blue-50: hsl(219 100% 95%);--sapphire-global-color-sand-950: hsl(39 23% 12%);--sapphire-global-color-sand-900: hsl(41 23% 18%);--sapphire-global-color-sand-800: hsl(43 22% 25%);--sapphire-global-color-sand-700: hsl(42 20% 33%);--sapphire-global-color-sand-600: hsl(42 20% 40%);--sapphire-global-color-sand-500: hsl(43 14% 52%);--sapphire-global-color-sand-400: hsl(39 20% 66%);--sapphire-global-color-sand-300: hsl(48 20% 75%);--sapphire-global-color-sand-200: hsl(48 15% 87%);--sapphire-global-color-sand-100: hsl(60 11% 91%);--sapphire-global-color-sand-50: hsl(60 9% 96%);--sapphire-global-color-gray-950: hsl(210 94% 7%);--sapphire-global-color-gray-900: hsl(211 64% 13%);--sapphire-global-color-gray-800: hsl(213 48% 17%);--sapphire-global-color-gray-700: hsl(212 33% 27%);--sapphire-global-color-gray-600: hsl(212 27% 35%);--sapphire-global-color-gray-500: hsl(211 19% 49%);--sapphire-global-color-gray-400: hsl(211 22% 63%);--sapphire-global-color-gray-300: hsl(211 22% 77%);--sapphire-global-color-gray-200: hsl(210 26% 85%);--sapphire-global-color-gray-100: hsl(208 29% 91%);--sapphire-global-color-gray-50: hsl(206 33% 96%);--sapphire-global-color-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-black: hsla(0, 0%, 0%, 1);--sapphire-global-color-white: hsla(0, 0%, 100%, 1);--sapphire-semantic-transitions-fade: var(--sapphire-global-transitions-ease-in);--sapphire-semantic-transitions-dynamic: var(--sapphire-global-transitions-ease-in-out-quick);--sapphire-semantic-transitions-standard: var(--sapphire-global-transitions-ease-in-out);--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-6xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-spacing-5xl: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-4xl: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-spacing-3xl: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-2xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-xl: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-lg: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-spacing-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-sm: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-xs: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-2xs: var(--sapphire-global-size-generic-15);--sapphire-semantic-size-spacing-3xs: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-4xs: 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-heading-2xl: var(--sapphire-global-size-font-175);--sapphire-semantic-size-font-heading-xl: var(--sapphire-global-size-font-150);--sapphire-semantic-size-font-heading-lg: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-md: var(--sapphire-global-size-font-125);--sapphire-semantic-size-font-heading-sm: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-heading-xs: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-lg: var(--sapphire-global-size-font-112);--sapphire-semantic-size-font-body-md: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-body-sm: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-body-xs: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-2xl: var(--sapphire-global-size-static-40);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-15);--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-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-field: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-4xl: var(--sapphire-global-size-generic-200);--sapphire-semantic-size-height-control-3xl: var(--sapphire-global-size-generic-180);--sapphire-semantic-size-height-control-2xl: var(--sapphire-global-size-generic-160);--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-30);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-name);--sapphire-semantic-color-foreground-on-decorative-neutral: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-16: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-15: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-14: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-13: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-12: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-11: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-10: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-9: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-8: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-7: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-6: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-5: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-4: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-3: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-foreground-on-decorative-2: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-decorative-1: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-signature: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-warning-subtle: var(--sapphire-global-color-alpha-yellow-800);--sapphire-semantic-color-foreground-on-warning: var(--sapphire-global-color-alpha-yellow-900);--sapphire-semantic-color-foreground-on-positive: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-negative: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-on-accent: var(--sapphire-global-color-white);--sapphire-semantic-color-foreground-positive: var(--sapphire-global-color-alpha-green-500);--sapphire-semantic-color-foreground-warning: var(--sapphire-global-color-alpha-yellow-700);--sapphire-semantic-color-foreground-negative: var(--sapphire-global-color-alpha-red-500);--sapphire-semantic-color-foreground-accent: var(--sapphire-global-color-alpha-blue-500);--sapphire-semantic-color-foreground-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .64);--sapphire-semantic-color-foreground-secondary-alpha: .64;--sapphire-semantic-color-foreground-primary: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-decorative-neutral: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-decorative-16: var(--sapphire-global-color-secondary-green-4);--sapphire-semantic-color-background-decorative-15: var(--sapphire-global-color-secondary-green-3);--sapphire-semantic-color-background-decorative-14: var(--sapphire-global-color-secondary-green-2);--sapphire-semantic-color-background-decorative-13: var(--sapphire-global-color-secondary-green-1);--sapphire-semantic-color-background-decorative-12: var(--sapphire-global-color-secondary-copper-4);--sapphire-semantic-color-background-decorative-11: var(--sapphire-global-color-secondary-copper-3);--sapphire-semantic-color-background-decorative-10: var(--sapphire-global-color-secondary-copper-2);--sapphire-semantic-color-background-decorative-9: var(--sapphire-global-color-secondary-copper-1);--sapphire-semantic-color-background-decorative-8: var(--sapphire-global-color-secondary-gold-4);--sapphire-semantic-color-background-decorative-7: var(--sapphire-global-color-secondary-gold-3);--sapphire-semantic-color-background-decorative-6: var(--sapphire-global-color-secondary-gold-2);--sapphire-semantic-color-background-decorative-5: var(--sapphire-global-color-secondary-gold-1);--sapphire-semantic-color-background-decorative-4: var(--sapphire-global-color-secondary-blue-4);--sapphire-semantic-color-background-decorative-3: var(--sapphire-global-color-secondary-blue-3);--sapphire-semantic-color-background-decorative-2: var(--sapphire-global-color-secondary-blue-2);--sapphire-semantic-color-background-decorative-1: var(--sapphire-global-color-secondary-blue-1);--sapphire-semantic-color-background-popover: var(--sapphire-global-color-white);--sapphire-semantic-color-background-backdrop: color(from var(--sapphire-global-color-gray-950) xyz x y z / .6);--sapphire-semantic-color-background-backdrop-alpha: .6;--sapphire-semantic-color-background-surface: var(--sapphire-global-color-white);--sapphire-semantic-color-background-field: var(--sapphire-global-color-white);--sapphire-semantic-color-background-warning-subtle: var(--sapphire-global-color-alpha-yellow-50);--sapphire-semantic-color-background-positive-subtle: var(--sapphire-global-color-alpha-green-50);--sapphire-semantic-color-background-negative-subtle: var(--sapphire-global-color-alpha-red-50);--sapphire-semantic-color-background-accent-subtle: var(--sapphire-global-color-alpha-blue-50);--sapphire-semantic-color-background-neutral-subtle: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-negative: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-warning: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-signature: var(--sapphire-global-color-blue-900);--sapphire-semantic-color-background-segmented-control-knob: var(--sapphire-global-color-white);--sapphire-semantic-color-background-segmented-control-track: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-background-switch-default: var(--sapphire-global-color-alpha-sand-200);--sapphire-semantic-color-background-action-highlight: var(--sapphire-global-color-alpha-sand-50);--sapphire-semantic-color-background-action-select-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-danger-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-transparent);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-alpha-sand-100);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-negative-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-accent: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-border-tertiary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .06);--sapphire-semantic-color-border-tertiary-alpha: .06;--sapphire-semantic-color-border-secondary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .08);--sapphire-semantic-color-border-secondary-alpha: .08;--sapphire-semantic-color-border-primary: color(from var(--sapphire-global-color-blue-900) xyz x y z / .16);--sapphire-semantic-color-border-primary-alpha: .16;--sapphire-semantic-color-state-border-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-border-active-alpha: .2;--sapphire-semantic-color-state-border-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-border-hover-alpha: .12;--sapphire-semantic-color-state-negative-subtle-active: color(from var(--sapphire-global-color-red-500) xyz x y z / .1);--sapphire-semantic-color-state-negative-subtle-active-alpha: .1;--sapphire-semantic-color-state-negative-subtle-hover: color(from var(--sapphire-global-color-red-500) xyz x y z / .06);--sapphire-semantic-color-state-negative-subtle-hover-alpha: .06;--sapphire-semantic-color-state-negative-active: color(from var(--sapphire-global-color-red-900) xyz x y z / .2);--sapphire-semantic-color-state-negative-active-alpha: .2;--sapphire-semantic-color-state-negative-hover: color(from var(--sapphire-global-color-red-900) xyz x y z / .12);--sapphire-semantic-color-state-negative-hover-alpha: .12;--sapphire-semantic-color-state-neutral-ghost-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-ghost-active-alpha: .1;--sapphire-semantic-color-state-neutral-ghost-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-ghost-hover-alpha: .06;--sapphire-semantic-color-state-neutral-active: color(from var(--sapphire-global-color-sand-900) xyz x y z / .1);--sapphire-semantic-color-state-neutral-active-alpha: .1;--sapphire-semantic-color-state-neutral-hover: color(from var(--sapphire-global-color-sand-900) xyz x y z / .06);--sapphire-semantic-color-state-neutral-hover-alpha: .06;--sapphire-semantic-color-state-accent-subtle-active: color(from var(--sapphire-global-color-blue-500) xyz x y z / .12);--sapphire-semantic-color-state-accent-subtle-active-alpha: .12;--sapphire-semantic-color-state-accent-subtle-hover: color(from var(--sapphire-global-color-blue-500) xyz x y z / .06);--sapphire-semantic-color-state-accent-subtle-hover-alpha: .06;--sapphire-semantic-color-state-accent-active: color(from var(--sapphire-global-color-blue-900) xyz x y z / .2);--sapphire-semantic-color-state-accent-active-alpha: .2;--sapphire-semantic-color-state-accent-hover: color(from var(--sapphire-global-color-blue-900) xyz x y z / .12);--sapphire-semantic-color-state-accent-hover-alpha: .12;--sapphire-global-color-alpha-blue-950: var(--sapphire-global-color-blue-950);--sapphire-global-color-alpha-blue-900: var(--sapphire-global-color-blue-900);--sapphire-global-color-alpha-blue-800: var(--sapphire-global-color-blue-800);--sapphire-global-color-alpha-blue-700: var(--sapphire-global-color-blue-700);--sapphire-global-color-alpha-blue-600: var(--sapphire-global-color-blue-600);--sapphire-global-color-alpha-gray-950: var(--sapphire-global-color-gray-950);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-xl);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-md);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-sm);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-xs);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-3xs);--sapphire-semantic-size-font-control-lg: var(--sapphire-semantic-size-font-body-md);--sapphire-semantic-size-font-control-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-control-sm: var(--sapphire-semantic-size-font-body-xs);--sapphire-semantic-size-font-label-md: var(--sapphire-semantic-size-font-body-sm);--sapphire-semantic-size-font-label-sm: var(--sapphire-semantic-size-font-body-xs);--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-color-foreground-on-neutral-subtle: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-on-positive-subtle: var(--sapphire-semantic-color-foreground-positive);--sapphire-semantic-color-foreground-on-negative-subtle: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-on-accent-subtle: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-danger-default: var(--sapphire-semantic-color-foreground-negative);--sapphire-semantic-color-foreground-action-link-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-select-default: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-foreground-action-on-select-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-foreground-action-on-danger-default: var(--sapphire-semantic-color-foreground-on-negative);--sapphire-semantic-color-foreground-action-on-tertiary-default: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-foreground-action-on-primary-default: var(--sapphire-semantic-color-foreground-on-accent);--sapphire-semantic-color-background-spinner-secondary: var(--sapphire-semantic-color-foreground-accent);--sapphire-semantic-color-background-spinner-primary: var(--sapphire-semantic-color-foreground-primary);--sapphire-semantic-color-background-skeleton: var(--sapphire-semantic-color-state-neutral-active);--sapphire-semantic-color-background-switch-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-switch-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-switch-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-tertiary-active: var(--sapphire-semantic-color-state-accent-subtle-active);--sapphire-semantic-color-background-action-select-tertiary-hover: var(--sapphire-semantic-color-state-accent-subtle-hover);--sapphire-semantic-color-background-action-select-secondary-default: var(--sapphire-semantic-color-background-accent-subtle);--sapphire-semantic-color-background-action-danger-tertiary-active: var(--sapphire-semantic-color-state-negative-subtle-active);--sapphire-semantic-color-background-action-danger-tertiary-hover: var(--sapphire-semantic-color-state-negative-subtle-hover);--sapphire-semantic-color-background-action-danger-secondary-default: var(--sapphire-semantic-color-background-negative-subtle);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-semantic-color-state-neutral-ghost-active);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-semantic-color-state-neutral-ghost-hover);--sapphire-semantic-color-background-action-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-active-alpha)) * 100%));--sapphire-semantic-color-background-action-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-neutral-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-neutral-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-secondary-default) calc((1 - var(--sapphire-semantic-color-state-neutral-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-default: var(--sapphire-semantic-color-background-accent);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-primary);--sapphire-semantic-color-border-negative-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-border-negative-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-border-negative-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-link-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-link-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-select-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-select-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-default: var(--sapphire-semantic-color-foreground-action-select-default);--sapphire-semantic-color-foreground-action-on-select-secondary-default: var(--sapphire-semantic-color-foreground-on-accent-subtle);--sapphire-semantic-color-foreground-action-on-select-active: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-select-hover: var(--sapphire-semantic-color-foreground-action-on-select-default);--sapphire-semantic-color-foreground-action-on-danger-tertiary-default: var(--sapphire-semantic-color-foreground-action-danger-default);--sapphire-semantic-color-foreground-action-on-danger-secondary-default: var(--sapphire-semantic-color-foreground-on-negative-subtle);--sapphire-semantic-color-foreground-action-on-danger-active: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-danger-hover: var(--sapphire-semantic-color-foreground-action-on-danger-default);--sapphire-semantic-color-foreground-action-on-tertiary-active: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-tertiary-hover: var(--sapphire-semantic-color-foreground-action-on-tertiary-default);--sapphire-semantic-color-foreground-action-on-secondary-default: var(--sapphire-semantic-color-foreground-on-neutral-subtle);--sapphire-semantic-color-foreground-action-on-primary-active: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-foreground-action-on-primary-hover: var(--sapphire-semantic-color-foreground-action-on-primary-default);--sapphire-semantic-color-background-action-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-select-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-action-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-subtle-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-subtle-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-subtle-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-background-action-danger-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-danger-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-background-action-primary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-background-action-primary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-border-field-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-active-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-active-alpha)) * 100%));--sapphire-semantic-color-border-field-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-border-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-border-hover-alpha) * 100%), var(--sapphire-semantic-color-border-field-default) calc((1 - var(--sapphire-semantic-color-state-border-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-tertiary-active: var(--sapphire-semantic-color-foreground-action-select-active);--sapphire-semantic-color-foreground-action-on-select-tertiary-hover: var(--sapphire-semantic-color-foreground-action-select-hover);--sapphire-semantic-color-foreground-action-on-select-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-select-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-accent-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-accent-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-select-secondary-default) calc((1 - var(--sapphire-semantic-color-state-accent-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-tertiary-active: var(--sapphire-semantic-color-foreground-action-danger-active);--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover: var(--sapphire-semantic-color-foreground-action-danger-hover);--sapphire-semantic-color-foreground-action-on-danger-secondary-active: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-active) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-active-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-active-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-danger-secondary-hover: color-mix(in srgb, color(from var(--sapphire-semantic-color-state-negative-hover) xyz x y z / 1) calc(var(--sapphire-semantic-color-state-negative-hover-alpha) * 100%), var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default) calc((1 - var(--sapphire-semantic-color-state-negative-hover-alpha)) * 100%));--sapphire-semantic-color-foreground-action-on-secondary-active: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-foreground-action-on-secondary-hover: var(--sapphire-semantic-color-foreground-action-on-secondary-default);--sapphire-semantic-color-background-action-select-active: var(--sapphire-semantic-color-background-action-primary-active);--sapphire-semantic-color-background-action-select-hover: var(--sapphire-semantic-color-background-action-primary-hover)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::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%}::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}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::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] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] }]
|
|
6973
6978
|
}] });
|
|
6974
6979
|
|
|
6975
6980
|
/**
|
|
@@ -7623,7 +7628,7 @@ TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
|
|
|
7623
7628
|
<ng-container>
|
|
7624
7629
|
<ng-content select="table"></ng-content>
|
|
7625
7630
|
</ng-container>
|
|
7626
|
-
`, isInline: true, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);--sapphire-table-row-bg: var(--sapphire-semantic-color-background-surface)}.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-body-md);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-body-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-medium);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-xs) var(--sapphire-table-cell-spacing-h);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container:after,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container:after,.sapphire-table__cell.is-focus:after,.sapphire-table__cell:not(.js-focus):focus-visible:after,.sapphire-table__selectionCell.is-focus:after,.sapphire-table__selectionCell:not(.js-focus):focus-visible:after,.sapphire-table__row.is-focus:after,.sapphire-table__row:not(.js-focus):focus-visible:after,.sapphire-table__row-expanded-view.is-focus:after,.sapphire-table__row-expanded-view:not(.js-focus):focus-visible:after{content:\"\";outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);position:absolute;inset:0;z-index:3}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-tertiary-hover );color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word;align-content:center;padding:var(--sapphire-table-cell-spacing-v) var(--sapphire-table-cell-spacing-h)}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-sm)}.sapphire-table__table--spacing-sm{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-xs)}.sapphire-table__table--spacing-lg{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-md);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-md)}.sapphire-table__table--spacing-xl{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-lg);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-lg)}.sapphire-table__selectionCell{line-height:0;padding:var(--sapphire-table-cell-spacing-v) var(--sapphire-table-cell-spacing-h);box-sizing:content-box}.sapphire-table__head .sapphire-table__selectionCell{padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-table-cell-spacing-h)}td.sapphire-table__selectionCell,th.sapphire-table__selectionCell{width:var(--sapphire-global-size-generic-50)}td.sapphire-table__selectionCell:first-child,th.sapphire-table__selectionCell:first-child{position:sticky;left:0;z-index:2}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-table__cell:before,.sapphire-table__headCell_container:before,.sapphire-table__selectionCell:before{content:\"\";position:absolute;inset:0;background-color:var(--sapphire-table-row-bg-active, var(--sapphire-table-row-bg));z-index:-1;pointer-events:none}.sapphire-table__cell,.sapphire-table__headCell_container,.sapphire-table__selectionCell{background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__row{box-sizing:border-box;position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary);--sapphire-table-row-bg: var( --sapphire-table-rowgroup-bg, var(--sapphire-semantic-color-background-surface) )}.sapphire-table--interactive .sapphire-table__row--active{--sapphire-table-row-bg-active: var( --sapphire-semantic-color-background-action-tertiary-active )}.sapphire-table--interactive .sapphire-table__row--selected.sapphire-table__row--active{--sapphire-table-row-bg-active: var( --sapphire-semantic-color-background-action-select-secondary-hover )}.sapphire-table__row--selected{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-select-secondary-default )}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform var(--sapphire-semantic-transitions-dynamic) var(--sapphire-semantic-time-motion-quick)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider :not([role=presentation])>.sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child,.sapphire-table--without-last-divider [role=presentation]:last-child>.sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible){border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-tertiary-hover );color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover);cursor:pointer}.sapphire-table--interactive .sapphire-table__row.sapphire-table__row--selected.is-hover,.sapphire-table__row--interactive.sapphire-table__row--selected.is-hover,.sapphire-table--interactive .sapphire-table__row.sapphire-table__row--selected:not(.js-hover):hover,.sapphire-table__row--interactive.sapphire-table__row--selected:not(.js-hover):hover{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-select-secondary-hover )}.sapphire-table__row--highlighted{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-highlight )}.sapphire-table__row--highlighted:after{content:\"\";position:absolute;z-index:2;left:0;height:100%;width:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-border-accent);pointer-events:none}.sapphire-table__tfoot{position:relative;z-index:2;--sapphire-table-rowgroup-bg: var( --sapphire-semantic-color-background-neutral-subtle )}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-lg);background:var(--sapphire-semantic-color-background-neutral-subtle);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] });
|
|
7631
|
+
`, isInline: true, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);--sapphire-table-row-bg: var(--sapphire-semantic-color-background-surface)}.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-body-md);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-body-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-medium);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-xs) var(--sapphire-table-cell-spacing-h);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container:after,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container:after,.sapphire-table__cell.is-focus:after,.sapphire-table__cell:not(.js-focus):focus-visible:after,.sapphire-table__selectionCell.is-focus:after,.sapphire-table__selectionCell:not(.js-focus):focus-visible:after,.sapphire-table__row.is-focus:after,.sapphire-table__row:not(.js-focus):focus-visible:after,.sapphire-table__row-expanded-view.is-focus:after,.sapphire-table__row-expanded-view:not(.js-focus):focus-visible:after{content:\"\";outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);position:absolute;inset:0;z-index:3}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-tertiary-hover );color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word;align-content:center;padding:var(--sapphire-table-cell-spacing-v) var(--sapphire-table-cell-spacing-h)}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-sm)}.sapphire-table__table--spacing-sm{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-xs)}.sapphire-table__table--spacing-lg{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-md);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-md)}.sapphire-table__table--spacing-xl{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-lg);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-lg)}.sapphire-table__selectionCell{line-height:0;padding:var(--sapphire-table-cell-spacing-v) var(--sapphire-table-cell-spacing-h);box-sizing:content-box}.sapphire-table__head .sapphire-table__selectionCell{padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-table-cell-spacing-h)}td.sapphire-table__selectionCell,th.sapphire-table__selectionCell{width:var(--sapphire-global-size-generic-50)}td.sapphire-table__selectionCell:first-child,th.sapphire-table__selectionCell:first-child{position:sticky;left:0;z-index:2}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-table__cell:before,.sapphire-table__headCell_container:before,.sapphire-table__selectionCell:before{content:\"\";position:absolute;inset:0;background-color:var(--sapphire-table-row-bg-active, var(--sapphire-table-row-bg));z-index:-1;pointer-events:none}.sapphire-table__cell,.sapphire-table__headCell_container,.sapphire-table__selectionCell{background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__row{box-sizing:border-box;position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary);--sapphire-table-row-bg: var( --sapphire-table-rowgroup-bg, var(--sapphire-semantic-color-background-surface) )}.sapphire-table--interactive .sapphire-table__row--active{--sapphire-table-row-bg-active: var( --sapphire-semantic-color-background-action-tertiary-active )}.sapphire-table--interactive .sapphire-table__row--selected.sapphire-table__row--active{--sapphire-table-row-bg-active: var( --sapphire-semantic-color-background-action-select-secondary-hover )}.sapphire-table__row--selected{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-select-secondary-default )}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform var(--sapphire-semantic-transitions-dynamic) var(--sapphire-semantic-time-motion-quick)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider :not([role=presentation])>.sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child,.sapphire-table--without-last-divider [role=presentation]:last-child>.sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible){border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-tertiary-hover );color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover);cursor:pointer}.sapphire-table--interactive .sapphire-table__row.sapphire-table__row--selected.is-hover,.sapphire-table__row--interactive.sapphire-table__row--selected.is-hover,.sapphire-table--interactive .sapphire-table__row.sapphire-table__row--selected:not(.js-hover):hover,.sapphire-table__row--interactive.sapphire-table__row--selected:not(.js-hover):hover{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-select-secondary-hover )}.sapphire-table__row--highlighted{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-highlight )}.sapphire-table__row--highlighted:after{content:\"\";position:absolute;z-index:2;left:0;height:100%;width:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-border-accent);pointer-events:none}.sapphire-table__tfoot{position:relative;z-index:2;--sapphire-table-rowgroup-bg: var( --sapphire-semantic-color-background-neutral-subtle )}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-lg);background:var(--sapphire-semantic-color-background-neutral-subtle);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] });
|
|
7627
7632
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableComponent, decorators: [{
|
|
7628
7633
|
type: Component,
|
|
7629
7634
|
args: [{ selector: 'sp-table', template: `
|
|
@@ -7636,7 +7641,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7636
7641
|
'[style.max-height]': 'maxHeight',
|
|
7637
7642
|
'[class.sapphire-table--overflow]': 'height || maxHeight',
|
|
7638
7643
|
'[class.sapphire-table--interactive]': 'isInteractive',
|
|
7639
|
-
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);--sapphire-table-row-bg: var(--sapphire-semantic-color-background-surface)}.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-body-md);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-body-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-medium);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-xs) var(--sapphire-table-cell-spacing-h);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container:after,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container:after,.sapphire-table__cell.is-focus:after,.sapphire-table__cell:not(.js-focus):focus-visible:after,.sapphire-table__selectionCell.is-focus:after,.sapphire-table__selectionCell:not(.js-focus):focus-visible:after,.sapphire-table__row.is-focus:after,.sapphire-table__row:not(.js-focus):focus-visible:after,.sapphire-table__row-expanded-view.is-focus:after,.sapphire-table__row-expanded-view:not(.js-focus):focus-visible:after{content:\"\";outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);position:absolute;inset:0;z-index:3}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-tertiary-hover );color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word;align-content:center;padding:var(--sapphire-table-cell-spacing-v) var(--sapphire-table-cell-spacing-h)}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-sm)}.sapphire-table__table--spacing-sm{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-xs)}.sapphire-table__table--spacing-lg{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-md);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-md)}.sapphire-table__table--spacing-xl{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-lg);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-lg)}.sapphire-table__selectionCell{line-height:0;padding:var(--sapphire-table-cell-spacing-v) var(--sapphire-table-cell-spacing-h);box-sizing:content-box}.sapphire-table__head .sapphire-table__selectionCell{padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-table-cell-spacing-h)}td.sapphire-table__selectionCell,th.sapphire-table__selectionCell{width:var(--sapphire-global-size-generic-50)}td.sapphire-table__selectionCell:first-child,th.sapphire-table__selectionCell:first-child{position:sticky;left:0;z-index:2}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-table__cell:before,.sapphire-table__headCell_container:before,.sapphire-table__selectionCell:before{content:\"\";position:absolute;inset:0;background-color:var(--sapphire-table-row-bg-active, var(--sapphire-table-row-bg));z-index:-1;pointer-events:none}.sapphire-table__cell,.sapphire-table__headCell_container,.sapphire-table__selectionCell{background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__row{box-sizing:border-box;position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary);--sapphire-table-row-bg: var( --sapphire-table-rowgroup-bg, var(--sapphire-semantic-color-background-surface) )}.sapphire-table--interactive .sapphire-table__row--active{--sapphire-table-row-bg-active: var( --sapphire-semantic-color-background-action-tertiary-active )}.sapphire-table--interactive .sapphire-table__row--selected.sapphire-table__row--active{--sapphire-table-row-bg-active: var( --sapphire-semantic-color-background-action-select-secondary-hover )}.sapphire-table__row--selected{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-select-secondary-default )}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform var(--sapphire-semantic-transitions-dynamic) var(--sapphire-semantic-time-motion-quick)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider :not([role=presentation])>.sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child,.sapphire-table--without-last-divider [role=presentation]:last-child>.sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible){border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-tertiary-hover );color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover);cursor:pointer}.sapphire-table--interactive .sapphire-table__row.sapphire-table__row--selected.is-hover,.sapphire-table__row--interactive.sapphire-table__row--selected.is-hover,.sapphire-table--interactive .sapphire-table__row.sapphire-table__row--selected:not(.js-hover):hover,.sapphire-table__row--interactive.sapphire-table__row--selected:not(.js-hover):hover{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-select-secondary-hover )}.sapphire-table__row--highlighted{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-highlight )}.sapphire-table__row--highlighted:after{content:\"\";position:absolute;z-index:2;left:0;height:100%;width:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-border-accent);pointer-events:none}.sapphire-table__tfoot{position:relative;z-index:2;--sapphire-table-rowgroup-bg: var( --sapphire-semantic-color-background-neutral-subtle )}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-lg);background:var(--sapphire-semantic-color-background-neutral-subtle);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] }]
|
|
7644
|
+
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);--sapphire-table-row-bg: var(--sapphire-semantic-color-background-surface)}.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-body-md);line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-body-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-medium);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-xs) var(--sapphire-table-cell-spacing-h);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container:after,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container:after,.sapphire-table__cell.is-focus:after,.sapphire-table__cell:not(.js-focus):focus-visible:after,.sapphire-table__selectionCell.is-focus:after,.sapphire-table__selectionCell:not(.js-focus):focus-visible:after,.sapphire-table__row.is-focus:after,.sapphire-table__row:not(.js-focus):focus-visible:after,.sapphire-table__row-expanded-view.is-focus:after,.sapphire-table__row-expanded-view:not(.js-focus):focus-visible:after{content:\"\";outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);position:absolute;inset:0;z-index:3}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-tertiary-hover );color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word;align-content:center;padding:var(--sapphire-table-cell-spacing-v) var(--sapphire-table-cell-spacing-h)}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-sm)}.sapphire-table__table--spacing-sm{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-xs)}.sapphire-table__table--spacing-lg{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-md);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-md)}.sapphire-table__table--spacing-xl{--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-lg);--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-lg)}.sapphire-table__selectionCell{line-height:0;padding:var(--sapphire-table-cell-spacing-v) var(--sapphire-table-cell-spacing-h);box-sizing:content-box}.sapphire-table__head .sapphire-table__selectionCell{padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-table-cell-spacing-h)}td.sapphire-table__selectionCell,th.sapphire-table__selectionCell{width:var(--sapphire-global-size-generic-50)}td.sapphire-table__selectionCell:first-child,th.sapphire-table__selectionCell:first-child{position:sticky;left:0;z-index:2}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-table__cell:before,.sapphire-table__headCell_container:before,.sapphire-table__selectionCell:before{content:\"\";position:absolute;inset:0;background-color:var(--sapphire-table-row-bg-active, var(--sapphire-table-row-bg));z-index:-1;pointer-events:none}.sapphire-table__cell,.sapphire-table__headCell_container,.sapphire-table__selectionCell{background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__row{box-sizing:border-box;position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary);--sapphire-table-row-bg: var( --sapphire-table-rowgroup-bg, var(--sapphire-semantic-color-background-surface) )}.sapphire-table--interactive .sapphire-table__row--active{--sapphire-table-row-bg-active: var( --sapphire-semantic-color-background-action-tertiary-active )}.sapphire-table--interactive .sapphire-table__row--selected.sapphire-table__row--active{--sapphire-table-row-bg-active: var( --sapphire-semantic-color-background-action-select-secondary-hover )}.sapphire-table__row--selected{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-select-secondary-default )}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform var(--sapphire-semantic-transitions-dynamic) var(--sapphire-semantic-time-motion-quick)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider :not([role=presentation])>.sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child,.sapphire-table--without-last-divider [role=presentation]:last-child>.sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible){border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-tertiary-hover );color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover);cursor:pointer}.sapphire-table--interactive .sapphire-table__row.sapphire-table__row--selected.is-hover,.sapphire-table__row--interactive.sapphire-table__row--selected.is-hover,.sapphire-table--interactive .sapphire-table__row.sapphire-table__row--selected:not(.js-hover):hover,.sapphire-table__row--interactive.sapphire-table__row--selected:not(.js-hover):hover{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-select-secondary-hover )}.sapphire-table__row--highlighted{--sapphire-table-row-bg: var( --sapphire-semantic-color-background-action-highlight )}.sapphire-table__row--highlighted:after{content:\"\";position:absolute;z-index:2;left:0;height:100%;width:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-border-accent);pointer-events:none}.sapphire-table__tfoot{position:relative;z-index:2;--sapphire-table-rowgroup-bg: var( --sapphire-semantic-color-background-neutral-subtle )}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-lg);background:var(--sapphire-semantic-color-background-neutral-subtle);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] }]
|
|
7640
7645
|
}], ctorParameters: function () { return []; }, propDecorators: { rowAction: [{
|
|
7641
7646
|
type: Output
|
|
7642
7647
|
}], stickyHeader: [{
|
|
@@ -9549,10 +9554,10 @@ class PageSelectionRowComponent {
|
|
|
9549
9554
|
}
|
|
9550
9555
|
}
|
|
9551
9556
|
PageSelectionRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PageSelectionRowComponent, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9552
|
-
PageSelectionRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PageSelectionRowComponent, selector: "sp-page-selection-row", inputs: { currentPage: "currentPage", totalPageCount: "totalPageCount", siblingCount: "siblingCount", boundaryCount: "boundaryCount" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary'\"\n size=\"
|
|
9557
|
+
PageSelectionRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PageSelectionRowComponent, selector: "sp-page-selection-row", inputs: { currentPage: "currentPage", totalPageCount: "totalPageCount", siblingCount: "siblingCount", boundaryCount: "boundaryCount" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary'\"\n size=\"md\"\n (click)=\"onPageSelect(slot.page)\"\n [attr.aria-label]=\"getAriaLabel(slot)\"\n [ngStyle]=\"{ 'z-index': slot.page !== currentPage ? 1 : null }\"\n >\n {{ slot.page + 1 }}\n </button>\n </ng-container>\n</sp-button-group>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);background:var(--sapphire-semantic-color-background-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-pagination__text{font-size:var(--sapphire-semantic-size-font-body-sm);font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-2xs);padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-medium)}sp-select-button{margin-left:calc(-1 * var(--sapphire-semantic-size-spacing-md))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "component", type: ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }] });
|
|
9553
9558
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PageSelectionRowComponent, decorators: [{
|
|
9554
9559
|
type: Component,
|
|
9555
|
-
args: [{ selector: 'sp-page-selection-row', standalone: false, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary'\"\n size=\"
|
|
9560
|
+
args: [{ selector: 'sp-page-selection-row', standalone: false, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary'\"\n size=\"md\"\n (click)=\"onPageSelect(slot.page)\"\n [attr.aria-label]=\"getAriaLabel(slot)\"\n [ngStyle]=\"{ 'z-index': slot.page !== currentPage ? 1 : null }\"\n >\n {{ slot.page + 1 }}\n </button>\n </ng-container>\n</sp-button-group>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);background:var(--sapphire-semantic-color-background-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-pagination__text{font-size:var(--sapphire-semantic-size-font-body-sm);font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-2xs);padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-medium)}sp-select-button{margin-left:calc(-1 * var(--sapphire-semantic-size-spacing-md))}\n"] }]
|
|
9556
9561
|
}], ctorParameters: function () { return [{ type: TranslateService }]; }, propDecorators: { currentPage: [{
|
|
9557
9562
|
type: Input
|
|
9558
9563
|
}], totalPageCount: [{
|
|
@@ -9637,10 +9642,10 @@ class PaginationComponent {
|
|
|
9637
9642
|
}
|
|
9638
9643
|
}
|
|
9639
9644
|
PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, deps: [{ token: IconRegistry }], target: i0.ɵɵFactoryTarget.Component });
|
|
9640
|
-
PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PaginationComponent, selector: "sp-pagination", inputs: { pageSize: "pageSize", itemCount: "itemCount", page: "page", pageSizeOptions: "pageSizeOptions", allowPageSelection: "allowPageSelection", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"sapphire-pagination\">\n <sp-select-button\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary\"\n size=\"
|
|
9645
|
+
PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PaginationComponent, selector: "sp-pagination", inputs: { pageSize: "pageSize", itemCount: "itemCount", page: "page", pageSizeOptions: "pageSizeOptions", allowPageSelection: "allowPageSelection", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"sapphire-pagination\">\n <sp-select-button\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary\"\n size=\"md\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ 'items-per-page' | t : { value: pageSizeOption } }}</sp-option\n >\n </sp-select-button>\n <span class=\"sapphire-pagination__controls\">\n <span\n *ngIf=\"!allowPageSelection\"\n class=\"sapphire-pagination__text sapphire-pagination__text--emphasized\"\n >\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> {{ 'of' | t }} </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary\"\n size=\"md\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'previous' | t\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon>\n </button>\n\n <sp-page-selection-row\n *ngIf=\"allowPageSelection\"\n [currentPage]=\"page\"\n [totalPageCount]=\"Math.ceil(itemCount / pageSize)\"\n [siblingCount]=\"1\"\n [boundaryCount]=\"1\"\n (pageChange)=\"_onPageSelect($event)\"\n />\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n size=\"md\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'next' | t\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);background:var(--sapphire-semantic-color-background-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-pagination__text{font-size:var(--sapphire-semantic-size-font-body-sm);font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-2xs);padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-medium)}sp-select-button{margin-left:calc(-1 * var(--sapphire-semantic-size-spacing-md))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OptionComponent, selector: "sp-option", inputs: ["value", "disabled"] }, { kind: "component", type: SelectButtonComponent, selector: "sp-select-button", inputs: ["size", "variant"], exportAs: ["spSelectButton"] }, { kind: "directive", type: SelectButtonSingleSelectDirective, selector: "sp-select-button:not([multiple])" }, { kind: "component", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "component", type: IconComponent, selector: "sp-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: PageSelectionRowComponent, selector: "sp-page-selection-row", inputs: ["currentPage", "totalPageCount", "siblingCount", "boundaryCount"], outputs: ["pageChange"] }, { kind: "pipe", type: TranslatePipe, name: "t" }] });
|
|
9641
9646
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
9642
9647
|
type: Component,
|
|
9643
|
-
args: [{ selector: 'sp-pagination', standalone: false, template: "<div class=\"sapphire-pagination\">\n <sp-select-button\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary\"\n size=\"
|
|
9648
|
+
args: [{ selector: 'sp-pagination', standalone: false, template: "<div class=\"sapphire-pagination\">\n <sp-select-button\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary\"\n size=\"md\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ 'items-per-page' | t : { value: pageSizeOption } }}</sp-option\n >\n </sp-select-button>\n <span class=\"sapphire-pagination__controls\">\n <span\n *ngIf=\"!allowPageSelection\"\n class=\"sapphire-pagination__text sapphire-pagination__text--emphasized\"\n >\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> {{ 'of' | t }} </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary\"\n size=\"md\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'previous' | t\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon>\n </button>\n\n <sp-page-selection-row\n *ngIf=\"allowPageSelection\"\n [currentPage]=\"page\"\n [totalPageCount]=\"Math.ceil(itemCount / pageSize)\"\n [siblingCount]=\"1\"\n [boundaryCount]=\"1\"\n (pageChange)=\"_onPageSelect($event)\"\n />\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n size=\"md\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'next' | t\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);background:var(--sapphire-semantic-color-background-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-pagination__text{font-size:var(--sapphire-semantic-size-font-body-sm);font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-2xs);padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-medium)}sp-select-button{margin-left:calc(-1 * var(--sapphire-semantic-size-spacing-md))}\n"] }]
|
|
9644
9649
|
}], ctorParameters: function () { return [{ type: IconRegistry }]; }, propDecorators: { pageSize: [{
|
|
9645
9650
|
type: Input
|
|
9646
9651
|
}], itemCount: [{
|
|
@@ -9997,7 +10002,7 @@ class ListComponent {
|
|
|
9997
10002
|
}
|
|
9998
10003
|
}
|
|
9999
10004
|
ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
10000
|
-
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListComponent, isStandalone: true, selector: "[sp-list]", inputs: { hideLastDivider: "hideLastDivider" }, host: { properties: { "class.sapphire-list--without-last-divider": "hideLastDivider", "attr.role": "!isListElement ? \"list\" : undefined" }, classAttribute: "sapphire-list" }, providers: [ViewEncapsulationProvider], queries: [{ propertyName: "listItems", predicate: i0.forwardRef(function () { return ListItemComponent; }), descendants: true }], hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-list{box-sizing:border-box;width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.sapphire-list__item{position:relative;display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-md);background:var(--sapphire-semantic-color-background-action-tertiary-default);outline:none;font-family:var(--sapphire-semantic-font-name-default)}.sapphire-list__item--interactive{border:none;outline:none;text-decoration:none;box-sizing:border-box;width:100%;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-list__item:has(.sapphire-list__item--interactive){padding:0}.sapphire-list__item:focus-within{z-index:1}.sapphire-list__item>.sapphire-list__item--interactive{display:flex;justify-content:space-between;width:100%;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-md);text-decoration:none;background:inherit;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;text-align:inherit;align-items:inherit}.sapphire-list--negative-margin-self{margin-left:calc(var(--sapphire-semantic-size-spacing-md) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-md) * 2)}.sapphire-list__item--interactive:disabled,.sapphire-list__item--interactive[aria-disabled=true]{cursor:not-allowed;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:not(:has(.sapphire-list__item--interactive)){box-shadow:inset 0 -1px 0 0 var(--sapphire-semantic-color-border-secondary)}.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:last-child .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:not(.sapphire-list__item--interactive):last-child,.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item,.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus)>.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus)>.sapphire-list__item-ineractive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus){box-shadow:none}.sapphire-list__item.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus).sapphire-list__item--without-divider{box-shadow:none}.sapphire-list__item--interactive.is-hover:not(.is-active),.sapphire-list__item--interactive:not(.js-hover):not([aria-disabled=true]):not(:disabled):not(:active):hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover)}.sapphire-list__item-content-interactive:focus,.sapphire-list__item-content-interactive:focus-visible{outline:none}.sapphire-list__item--interactive.is-focus,.sapphire-list__item--interactive:not(.js-focus):focus{outline:none;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);border:0;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-list__item--interactive:not(.is-disabled).is-active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-hover)}.sapphire-list__item-content-left{display:flex;align-items:center;margin-right:var(--sapphire-semantic-size-spacing-sm);min-width:0;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-list__item-content-right{display:flex;align-items:center;text-align:right;margin-left:var(--sapphire-semantic-size-spacing-sm);color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-list__item-text{display:flex;flex-direction:column;font-family:var(--sapphire-semantic-font-name-default);min-width:0;overflow-wrap:break-word}.sapphire-list__item-text--reversedOrder{flex-direction:column-reverse}.sapphire-list__item-text-primary{color:var(--sapphire-semantic-color-foreground-primary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-body-md);font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-list__item-text-secondary{color:var(--sapphire-semantic-color-foreground-secondary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-body-sm)}\n"] });
|
|
10005
|
+
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListComponent, isStandalone: true, selector: "[sp-list]", inputs: { hideLastDivider: "hideLastDivider" }, host: { properties: { "class.sapphire-list--without-last-divider": "hideLastDivider", "attr.role": "!isListElement ? \"list\" : undefined" }, classAttribute: "sapphire-list" }, providers: [ViewEncapsulationProvider], queries: [{ propertyName: "listItems", predicate: i0.forwardRef(function () { return ListItemComponent; }), descendants: true }], hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-list{box-sizing:border-box;width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.sapphire-list__item{position:relative;display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-md);background:var(--sapphire-semantic-color-background-action-tertiary-default);outline:none;font-family:var(--sapphire-semantic-font-name-default)}.sapphire-list__item--interactive{border:none;outline:none;text-decoration:none;box-sizing:border-box;width:100%;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-list__item:has(.sapphire-list__item--interactive){padding:0}.sapphire-list__item:focus-within{z-index:1}.sapphire-list__item>.sapphire-list__item--interactive{display:flex;justify-content:space-between;width:100%;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-md);text-decoration:none;background:inherit;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;text-align:inherit;align-items:inherit}.sapphire-list--negative-margin-self{margin-left:calc(var(--sapphire-semantic-size-spacing-md) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-md) * 2)}.sapphire-list__item--interactive:disabled,.sapphire-list__item--interactive[aria-disabled=true],.sapphire-list__item[aria-disabled=true] .sapphire-list__item--interactive{cursor:not-allowed;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:not(:has(.sapphire-list__item--interactive)){box-shadow:inset 0 -1px 0 0 var(--sapphire-semantic-color-border-secondary)}.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:last-child .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:not(.sapphire-list__item--interactive):last-child,.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item,.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus)>.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus)>.sapphire-list__item-ineractive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus){box-shadow:none}.sapphire-list__item.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus).sapphire-list__item--without-divider{box-shadow:none}.sapphire-list__item--interactive.is-hover:not(.is-active),.sapphire-list__item--interactive:not(.js-hover):not([aria-disabled=true]):not(:disabled):not(:active):hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover)}.sapphire-list__item-content-interactive:focus,.sapphire-list__item-content-interactive:focus-visible{outline:none}.sapphire-list__item--interactive.is-focus,.sapphire-list__item--interactive:not(.js-focus):focus{outline:none;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);border:0;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-list__item--interactive:not(.is-disabled).is-active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-hover)}.sapphire-list__item[aria-disabled=true] .sapphire-list__item--interactive:active,.sapphire-list__item--interactive:focus-visible{background:inherit}.sapphire-list__item-content-left{display:flex;align-items:center;margin-right:var(--sapphire-semantic-size-spacing-sm);min-width:0;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-list__item-content-right{display:flex;align-items:center;text-align:right;margin-left:var(--sapphire-semantic-size-spacing-sm);color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-list__item-text{display:flex;flex-direction:column;font-family:var(--sapphire-semantic-font-name-default);min-width:0;overflow-wrap:break-word}.sapphire-list__item-text--reversedOrder{flex-direction:column-reverse}.sapphire-list__item-text-primary{color:var(--sapphire-semantic-color-foreground-primary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-body-md);font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-list__item-text-secondary{color:var(--sapphire-semantic-color-foreground-secondary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-body-sm)}\n"] });
|
|
10001
10006
|
__decorate([
|
|
10002
10007
|
CoerceBoolean
|
|
10003
10008
|
], ListComponent.prototype, "hideLastDivider", void 0);
|
|
@@ -10007,7 +10012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
10007
10012
|
class: 'sapphire-list',
|
|
10008
10013
|
'[class.sapphire-list--without-last-divider]': 'hideLastDivider',
|
|
10009
10014
|
'[attr.role]': `!isListElement ? "list" : undefined`,
|
|
10010
|
-
}, hostDirectives: [UseComponentStylesOnHost], providers: [ViewEncapsulationProvider], imports: [UseComponentStylesOnHost], styles: [".sapphire-list{box-sizing:border-box;width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.sapphire-list__item{position:relative;display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-md);background:var(--sapphire-semantic-color-background-action-tertiary-default);outline:none;font-family:var(--sapphire-semantic-font-name-default)}.sapphire-list__item--interactive{border:none;outline:none;text-decoration:none;box-sizing:border-box;width:100%;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-list__item:has(.sapphire-list__item--interactive){padding:0}.sapphire-list__item:focus-within{z-index:1}.sapphire-list__item>.sapphire-list__item--interactive{display:flex;justify-content:space-between;width:100%;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-md);text-decoration:none;background:inherit;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;text-align:inherit;align-items:inherit}.sapphire-list--negative-margin-self{margin-left:calc(var(--sapphire-semantic-size-spacing-md) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-md) * 2)}.sapphire-list__item--interactive:disabled,.sapphire-list__item--interactive[aria-disabled=true]{cursor:not-allowed;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:not(:has(.sapphire-list__item--interactive)){box-shadow:inset 0 -1px 0 0 var(--sapphire-semantic-color-border-secondary)}.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:last-child .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:not(.sapphire-list__item--interactive):last-child,.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item,.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus)>.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus)>.sapphire-list__item-ineractive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus){box-shadow:none}.sapphire-list__item.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus).sapphire-list__item--without-divider{box-shadow:none}.sapphire-list__item--interactive.is-hover:not(.is-active),.sapphire-list__item--interactive:not(.js-hover):not([aria-disabled=true]):not(:disabled):not(:active):hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover)}.sapphire-list__item-content-interactive:focus,.sapphire-list__item-content-interactive:focus-visible{outline:none}.sapphire-list__item--interactive.is-focus,.sapphire-list__item--interactive:not(.js-focus):focus{outline:none;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);border:0;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-list__item--interactive:not(.is-disabled).is-active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-hover)}.sapphire-list__item-content-left{display:flex;align-items:center;margin-right:var(--sapphire-semantic-size-spacing-sm);min-width:0;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-list__item-content-right{display:flex;align-items:center;text-align:right;margin-left:var(--sapphire-semantic-size-spacing-sm);color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-list__item-text{display:flex;flex-direction:column;font-family:var(--sapphire-semantic-font-name-default);min-width:0;overflow-wrap:break-word}.sapphire-list__item-text--reversedOrder{flex-direction:column-reverse}.sapphire-list__item-text-primary{color:var(--sapphire-semantic-color-foreground-primary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-body-md);font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-list__item-text-secondary{color:var(--sapphire-semantic-color-foreground-secondary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-body-sm)}\n"] }]
|
|
10015
|
+
}, hostDirectives: [UseComponentStylesOnHost], providers: [ViewEncapsulationProvider], imports: [UseComponentStylesOnHost], styles: [".sapphire-list{box-sizing:border-box;width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.sapphire-list__item{position:relative;display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-md);background:var(--sapphire-semantic-color-background-action-tertiary-default);outline:none;font-family:var(--sapphire-semantic-font-name-default)}.sapphire-list__item--interactive{border:none;outline:none;text-decoration:none;box-sizing:border-box;width:100%;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-list__item:has(.sapphire-list__item--interactive){padding:0}.sapphire-list__item:focus-within{z-index:1}.sapphire-list__item>.sapphire-list__item--interactive{display:flex;justify-content:space-between;width:100%;padding:var(--sapphire-semantic-size-spacing-sm) var(--sapphire-semantic-size-spacing-md);text-decoration:none;background:inherit;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;text-align:inherit;align-items:inherit}.sapphire-list--negative-margin-self{margin-left:calc(var(--sapphire-semantic-size-spacing-md) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-md) * 2)}.sapphire-list__item--interactive:disabled,.sapphire-list__item--interactive[aria-disabled=true],.sapphire-list__item[aria-disabled=true] .sapphire-list__item--interactive{cursor:not-allowed;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:not(:has(.sapphire-list__item--interactive)){box-shadow:inset 0 -1px 0 0 var(--sapphire-semantic-color-border-secondary)}.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:last-child .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:not(.sapphire-list__item--interactive):last-child,.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item,.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus)>.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus)>.sapphire-list__item-ineractive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus){box-shadow:none}.sapphire-list__item.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus).sapphire-list__item--without-divider{box-shadow:none}.sapphire-list__item--interactive.is-hover:not(.is-active),.sapphire-list__item--interactive:not(.js-hover):not([aria-disabled=true]):not(:disabled):not(:active):hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover)}.sapphire-list__item-content-interactive:focus,.sapphire-list__item-content-interactive:focus-visible{outline:none}.sapphire-list__item--interactive.is-focus,.sapphire-list__item--interactive:not(.js-focus):focus{outline:none;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);border:0;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-list__item--interactive:not(.is-disabled).is-active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-hover)}.sapphire-list__item[aria-disabled=true] .sapphire-list__item--interactive:active,.sapphire-list__item--interactive:focus-visible{background:inherit}.sapphire-list__item-content-left{display:flex;align-items:center;margin-right:var(--sapphire-semantic-size-spacing-sm);min-width:0;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-list__item-content-right{display:flex;align-items:center;text-align:right;margin-left:var(--sapphire-semantic-size-spacing-sm);color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-list__item-text{display:flex;flex-direction:column;font-family:var(--sapphire-semantic-font-name-default);min-width:0;overflow-wrap:break-word}.sapphire-list__item-text--reversedOrder{flex-direction:column-reverse}.sapphire-list__item-text-primary{color:var(--sapphire-semantic-color-foreground-primary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-body-md);font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-list__item-text-secondary{color:var(--sapphire-semantic-color-foreground-secondary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-body-sm)}\n"] }]
|
|
10011
10016
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { hideLastDivider: [{
|
|
10012
10017
|
type: Input
|
|
10013
10018
|
}], listItems: [{
|