@hestia-earth/ui-components 0.27.0 → 0.27.2

package/fesm2022/hestia-earth-ui-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, computed, output, signal, effect, Component as Component$1, ChangeDetectionStrategy, Input, Pipe, ViewChild, ElementRef, ChangeDetectorRef, HostBinding, HostListener, NgZone, DestroyRef, Directive, EventEmitter as EventEmitter$1, ContentChild, Output, ViewEncapsulation, viewChild, forwardRef, ContentChildren, NgModule } from '@angular/core';
+import { Injectable, InjectionToken, inject, input, computed, output, signal, effect, Component as Component$1, ChangeDetectionStrategy, Pipe, ViewChild, Input, DestroyRef, ElementRef, ChangeDetectorRef, HostBinding, HostListener, NgZone, Directive, EventEmitter as EventEmitter$1, ContentChild, Output, ViewEncapsulation, viewChild, forwardRef, ContentChildren, NgModule } from '@angular/core';
 import { toSignal, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { UntypedFormBuilder, Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
@@ -1716,25 +1716,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
 
 class BlankNodeStateNoticeComponent {
     constructor() {
-        this.showAggregated = true;
-        this.showDeleted = false;
-    }
-    get show() {
-        return this.dataState !== DataState.original;
+        this.dataState = input();
+        this.showAggregated = input(true);
+        this.showDeleted = input(false);
+        this.show = computed(() => this.dataState() !== DataState.original);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: BlankNodeStateNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: BlankNodeStateNoticeComponent, isStandalone: true, selector: "he-blank-node-state-notice", inputs: { dataState: "dataState", showAggregated: "showAggregated", showDeleted: "showDeleted" }, ngImport: i0, template: "@if (show) {\n  <p class=\"is-size-7 is-italic\">\n    <span class=\"pl-1 notice-data-unchaged\">\u2020 Data uploaded by the user</span>\n    <span class=\"pl-1 notice-data-added\">* Data added by Hestia</span>\n    <span class=\"pl-1 notice-data-updated\">** Data updated by Hestia</span>\n    @if (showAggregated) {\n      <span class=\"pl-1 notice-data-aggregated\">*** Data aggregated by Hestia</span>\n    }\n    @if (showDeleted) {\n      <span class=\"pl-1 notice-data-deleted\">**** Data deleted by Hestia</span>\n    }\n  </p>\n}\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: BlankNodeStateNoticeComponent, isStandalone: true, selector: "he-blank-node-state-notice", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, showAggregated: { classPropertyName: "showAggregated", publicName: "showAggregated", isSignal: true, isRequired: false, transformFunction: null }, showDeleted: { classPropertyName: "showDeleted", publicName: "showDeleted", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (show()) {\n  <p class=\"is-size-7 is-italic\">\n    <span class=\"pl-1 notice-data-unchaged\">\u2020 Data uploaded by the user</span>\n    <span class=\"pl-1 notice-data-added\">* Data added by Hestia</span>\n    <span class=\"pl-1 notice-data-updated\">** Data updated by Hestia</span>\n    @if (showAggregated()) {\n      <span class=\"pl-1 notice-data-aggregated\">*** Data aggregated by Hestia</span>\n    }\n    @if (showDeleted()) {\n      <span class=\"pl-1 notice-data-deleted\">**** Data deleted by Hestia</span>\n    }\n  </p>\n}\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: BlankNodeStateNoticeComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-blank-node-state-notice', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "@if (show) {\n  <p class=\"is-size-7 is-italic\">\n    <span class=\"pl-1 notice-data-unchaged\">\u2020 Data uploaded by the user</span>\n    <span class=\"pl-1 notice-data-added\">* Data added by Hestia</span>\n    <span class=\"pl-1 notice-data-updated\">** Data updated by Hestia</span>\n    @if (showAggregated) {\n      <span class=\"pl-1 notice-data-aggregated\">*** Data aggregated by Hestia</span>\n    }\n    @if (showDeleted) {\n      <span class=\"pl-1 notice-data-deleted\">**** Data deleted by Hestia</span>\n    }\n  </p>\n}\n" }]
-        }], propDecorators: { dataState: [{
-                type: Input
-            }], showAggregated: [{
-                type: Input
-            }], showDeleted: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'he-blank-node-state-notice', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "@if (show()) {\n  <p class=\"is-size-7 is-italic\">\n    <span class=\"pl-1 notice-data-unchaged\">\u2020 Data uploaded by the user</span>\n    <span class=\"pl-1 notice-data-added\">* Data added by Hestia</span>\n    <span class=\"pl-1 notice-data-updated\">** Data updated by Hestia</span>\n    @if (showAggregated()) {\n      <span class=\"pl-1 notice-data-aggregated\">*** Data aggregated by Hestia</span>\n    }\n    @if (showDeleted()) {\n      <span class=\"pl-1 notice-data-deleted\">**** Data deleted by Hestia</span>\n    }\n  </p>\n}\n" }]
+        }] });
 
 const parsePrecision = (value, precision) => toPrecision(parseFloat(`${value}`), parseInt(`${precision}`, 10));
 const transform = (value, precision = 3, enableComma = true) => typeof value !== 'boolean' && !isUndefined(value) && isNumber(value)
@@ -1833,27 +1826,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
 const defaultSize = '100%';
 class DataTableComponent {
     get isSmall() {
-        return this.small;
+        return this.small();
     }
     onResize() {
         this.updateTableSize();
     }
     constructor() {
+        this.destroyRef = inject(DestroyRef);
         this.elementRef = inject(ElementRef);
         this.changeRef = inject(ChangeDetectorRef);
         this.navigationMenuService = inject(NavigationMenuService);
-        this.subscriptions = [];
-        this.minHeight = 200;
-        this.small = false;
+        this.minHeight = input(200);
+        this.maxHeight = input();
+        this.small = input(false);
         this.height = defaultSize;
         this.width = defaultSize;
-        this.subscriptions.push(this.navigationMenuService.collapsed$.subscribe(() => setTimeout(() => {
+        this.menuCollapsed$ = this.navigationMenuService.collapsed$.pipe(takeUntilDestroyed(this.destroyRef));
+        this.menuCollapsed$.subscribe(() => setTimeout(() => {
             this.updateTableSize();
             this.changeRef.detectChanges();
-        })));
-    }
-    ngOnDestroy() {
-        this.subscriptions.forEach(subscription => subscription.unsubscribe());
+        }));
     }
     ngAfterViewInit() {
         this.updateTableSize();
@@ -1868,33 +1860,21 @@ class DataTableComponent {
     get tableEl() {
         return this.elementRef.nativeElement.querySelector('table');
     }
-    get nbHeaders() {
-        return this.elementRef?.nativeElement?.querySelectorAll('.table thead tr')?.length || 1;
-    }
-    get rowHeight() {
-        return this.small ? 30 : 42;
-    }
     updateTableSize() {
         const height = this.tableEl.offsetHeight;
-        const minHeight = this.minHeight ? +this.minHeight : height;
-        const maxHeight = this.maxHeight ? +this.maxHeight : height;
+        const minHeight = this.minHeight() ? +this.minHeight() : height;
+        const maxHeight = this.maxHeight() ? +this.maxHeight() : height;
         this.height = `${Math.max(minHeight, Math.min(height, maxHeight))}px`;
         const width = this.elementRef?.nativeElement?.offsetWidth;
         this.width = width ? `${width}px` : defaultSize;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: DataTableComponent, isStandalone: true, selector: "he-data-table", inputs: { minHeight: "minHeight", maxHeight: "maxHeight", small: "small" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.is-small": "this.isSmall" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"data-table-holder\" [style.height]=\"height\" [style.width]=\"width\">\n  <div class=\"data-table-content\" [style.height]=\"height\" [style.width]=\"width\">\n    <div class=\"table-container\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;height:inherit;width:100%}:host *{box-sizing:border-box}:host .data-table-holder{overflow:hidden;position:relative;z-index:1}:host .data-table-content{position:absolute;top:0;left:0;z-index:1}:host ::ng-deep *{box-sizing:border-box}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container{overflow:auto!important;width:100%;height:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table{width:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th{height:42px;white-space:nowrap}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{border:none}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th span:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td span:first-child{display:inline-block;max-width:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table .fixed-column{position:sticky}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{z-index:10}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{z-index:11}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th{top:0;z-index:1070}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column{z-index:1071}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.has-border-right{box-shadow:inset -2px 0 #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:0;max-width:300px;width:300px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{max-width:180px;width:180px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column.has-border-right{box-shadow:none}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column.has-border-right:after{position:absolute;content:\"\";height:100%;top:0;right:0;width:4px;box-shadow:2px 0 4px #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:300px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:180px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th{box-shadow:inset 0 -1px #ffc000}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.has-border-right{box-shadow:inset 0 -1px #ffc000,inset -2px 0 #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.fixed-column.has-border-right{box-shadow:inset 0 -1px #ffc000}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.fixed-column.has-border-right:after{box-shadow:inset 0 -1px #ffc000,2px 0 4px #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td.has-border-right{box-shadow:inset -2px 0 #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th.fixed-column.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td.fixed-column.has-border-right:after{box-shadow:2px 0 4px #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th{box-shadow:inset 0 -1px #c5cdd5}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.has-border-right{box-shadow:inset 0 -1px #c5cdd5,inset -2px 0 #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.fixed-column.has-border-right{box-shadow:inset 0 -1px #c5cdd5}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.fixed-column.has-border-right:after{box-shadow:inset 0 -1px #c5cdd5,2px 0 4px #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr{background-color:transparent!important}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr+tr th{top:42px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr+tr+tr th{top:84px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{background-color:#fff}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-hoverable>tbody>tr:not(.is-selected):hover>td{background-color:#f3f5f7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-striped>tbody>tr:not(.is-selected):nth-child(2n)>td{background-color:#fefcf7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-striped.is-hoverable>tr:not(.is-selected):nth-child(2n):hover>td{background-color:#f3f5f7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow{font-size:.8rem;line-height:1rem}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th{height:30px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{min-width:200px;max-width:200px;width:200px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{min-width:160px;max-width:160px;width:160px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{left:200px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{left:160px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr+tr th{top:30px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr+tr+tr th{top:60px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .input{height:30px;font-size:.8rem;line-height:1rem}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .input{padding-top:5px;padding-bottom:5px}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: DataTableComponent, isStandalone: true, selector: "he-data-table", inputs: { minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.is-small": "this.isSmall" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"data-table-holder\" [style.height]=\"height\" [style.width]=\"width\">\n  <div class=\"data-table-content\" [style.height]=\"height\" [style.width]=\"width\">\n    <div class=\"table-container\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;height:inherit;width:100%}:host *{box-sizing:border-box}:host .data-table-holder{overflow:hidden;position:relative;z-index:1}:host .data-table-content{position:absolute;top:0;left:0;z-index:1}:host ::ng-deep *{box-sizing:border-box}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container{overflow:auto!important;width:100%;height:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table{width:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th{height:42px;white-space:nowrap}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{border:none}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th span:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td span:first-child{display:inline-block;max-width:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table .fixed-column{position:sticky}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{z-index:10}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{z-index:11}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th{top:0;z-index:1070}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column{z-index:1071}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.has-border-right{box-shadow:inset -2px 0 #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:0;max-width:300px;width:300px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{max-width:180px;width:180px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column.has-border-right{box-shadow:none}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column.has-border-right:after{position:absolute;content:\"\";height:100%;top:0;right:0;width:4px;box-shadow:2px 0 4px #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:300px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:180px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th{box-shadow:inset 0 -1px #ffc000}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.has-border-right{box-shadow:inset 0 -1px #ffc000,inset -2px 0 #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.fixed-column.has-border-right{box-shadow:inset 0 -1px #ffc000}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.fixed-column.has-border-right:after{box-shadow:inset 0 -1px #ffc000,2px 0 4px #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td.has-border-right{box-shadow:inset -2px 0 #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th.fixed-column.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td.fixed-column.has-border-right:after{box-shadow:2px 0 4px #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th{box-shadow:inset 0 -1px #c5cdd5}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.has-border-right{box-shadow:inset 0 -1px #c5cdd5,inset -2px 0 #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.fixed-column.has-border-right{box-shadow:inset 0 -1px #c5cdd5}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.fixed-column.has-border-right:after{box-shadow:inset 0 -1px #c5cdd5,2px 0 4px #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr{background-color:transparent!important}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr+tr th{top:42px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr+tr+tr th{top:84px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{background-color:#fff}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-hoverable>tbody>tr:not(.is-selected):hover>td{background-color:#f3f5f7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-striped>tbody>tr:not(.is-selected):nth-child(2n)>td{background-color:#fefcf7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-striped.is-hoverable>tr:not(.is-selected):nth-child(2n):hover>td{background-color:#f3f5f7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow{font-size:.8rem;line-height:1rem}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th{height:30px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{min-width:200px;max-width:200px;width:200px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{min-width:160px;max-width:160px;width:160px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{left:200px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{left:160px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr+tr th{top:30px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr+tr+tr th{top:60px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .input{height:30px;font-size:.8rem;line-height:1rem}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .input{padding-top:5px;padding-bottom:5px}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component$1,
             args: [{ selector: 'he-data-table', standalone: true, template: "<div class=\"data-table-holder\" [style.height]=\"height\" [style.width]=\"width\">\n  <div class=\"data-table-content\" [style.height]=\"height\" [style.width]=\"width\">\n    <div class=\"table-container\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;height:inherit;width:100%}:host *{box-sizing:border-box}:host .data-table-holder{overflow:hidden;position:relative;z-index:1}:host .data-table-content{position:absolute;top:0;left:0;z-index:1}:host ::ng-deep *{box-sizing:border-box}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container{overflow:auto!important;width:100%;height:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table{width:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th{height:42px;white-space:nowrap}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{border:none}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th span:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td span:first-child{display:inline-block;max-width:100%}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table .fixed-column{position:sticky}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{z-index:10}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{z-index:11}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th{top:0;z-index:1070}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column{z-index:1071}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.has-border-right{box-shadow:inset -2px 0 #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:0;max-width:300px;width:300px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{max-width:180px;width:180px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column.has-border-right{box-shadow:none}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column.has-border-right:after{position:absolute;content:\"\";height:100%;top:0;right:0;width:4px;box-shadow:2px 0 4px #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:300px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td.fixed-column{left:180px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th{box-shadow:inset 0 -1px #ffc000}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.has-border-right{box-shadow:inset 0 -1px #ffc000,inset -2px 0 #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.fixed-column.has-border-right{box-shadow:inset 0 -1px #ffc000}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr:last-child>th.fixed-column.has-border-right:after{box-shadow:inset 0 -1px #ffc000,2px 0 4px #c4ae6c1a}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td.has-border-right{box-shadow:inset -2px 0 #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr>th.fixed-column.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>tbody>tr>td.fixed-column.has-border-right:after{box-shadow:2px 0 4px #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th{box-shadow:inset 0 -1px #c5cdd5}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.has-border-right{box-shadow:inset 0 -1px #c5cdd5,inset -2px 0 #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.fixed-column.has-border-right{box-shadow:inset 0 -1px #c5cdd5}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-dark>thead>tr:last-child>th.fixed-column.has-border-right:after{box-shadow:inset 0 -1px #c5cdd5,2px 0 4px #6c8093}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr{background-color:transparent!important}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr+tr th{top:42px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr+tr+tr th{top:84px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table>tbody>tr>td{background-color:#fff}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-hoverable>tbody>tr:not(.is-selected):hover>td{background-color:#f3f5f7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-striped>tbody>tr:not(.is-selected):nth-child(2n)>td{background-color:#fefcf7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-striped.is-hoverable>tr:not(.is-selected):nth-child(2n):hover>td{background-color:#f3f5f7}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow{font-size:.8rem;line-height:1rem}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th{height:30px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{min-width:200px;max-width:200px;width:200px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{min-width:160px;max-width:160px;width:160px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{left:200px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{left:160px}}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr+tr th{top:30px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow>thead>tr+tr+tr th{top:60px}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .input{height:30px;font-size:.8rem;line-height:1rem}:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .select select,:host ::ng-deep>.data-table-holder>.data-table-content>.table-container>.table.is-narrow .input{padding-top:5px;padding-bottom:5px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { minHeight: [{
-                type: Input
-            }], maxHeight: [{
-                type: Input
-            }], small: [{
-                type: Input
-            }], isSmall: [{
+        }], ctorParameters: () => [], propDecorators: { isSmall: [{
                 type: HostBinding,
                 args: ['class.is-small']
             }], onResize: [{
@@ -1959,9 +1939,10 @@ class DropdownComponent {
     constructor() {
         this.elementRef = inject(ElementRef);
         this.id = `dropdown-${dropdownId++}`;
-        this.dropdownClass = '';
-        this.dropdownButtonClass = '';
-        this.dropdownContentClass = '';
+        this.tooltip = input();
+        this.dropdownClass = input('');
+        this.dropdownButtonClass = input('');
+        this.dropdownContentClass = input('');
         this.showDropdown = false;
     }
     get menuId() {
@@ -1973,22 +1954,14 @@ class DropdownComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: DropdownComponent, isStandalone: true, selector: "he-dropdown", inputs: { tooltip: "tooltip", dropdownClass: "dropdownClass", dropdownButtonClass: "dropdownButtonClass", dropdownContentClass: "dropdownContentClass" }, host: { listeners: { "document:click": "onClick($event)" }, properties: { "id": "this.id" } }, ngImport: i0, template: "<div [class.is-active]=\"showDropdown\" (clickOutside)=\"showDropdown = false\" class=\"dropdown {{ dropdownClass }}\">\n  <div (click)=\"showDropdown = !showDropdown\" class=\"dropdown-trigger\">\n    <button\n      [class.is-active]=\"showDropdown\"\n      [disableTooltip]=\"showDropdown\"\n      [attr.aria-controls]=\"menuId\"\n      [ngbTooltip]=\"tooltip\"\n      class=\"button {{ dropdownButtonClass }}\"\n      aria-haspopup=\"true\"\n      container=\"body\"\n      placement=\"bottom\">\n      <ng-content select=\"[label]\"></ng-content>\n    </button>\n  </div>\n\n  <div class=\"dropdown-menu\" [id]=\"menuId\" role=\"menu\">\n    <div (click)=\"showDropdown = false\" class=\"dropdown-content {{ dropdownContentClass }}\">\n      <ng-content select=\"[menu]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".dropdown-item>span{border-left:2px solid transparent}\n"], dependencies: [{ kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideListenAfter"], outputs: ["clickOutside"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: DropdownComponent, isStandalone: true, selector: "he-dropdown", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, dropdownClass: { classPropertyName: "dropdownClass", publicName: "dropdownClass", isSignal: true, isRequired: false, transformFunction: null }, dropdownButtonClass: { classPropertyName: "dropdownButtonClass", publicName: "dropdownButtonClass", isSignal: true, isRequired: false, transformFunction: null }, dropdownContentClass: { classPropertyName: "dropdownContentClass", publicName: "dropdownContentClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "onClick($event)" }, properties: { "id": "this.id" } }, ngImport: i0, template: "<div [class.is-active]=\"showDropdown\" (clickOutside)=\"showDropdown = false\" class=\"dropdown {{ dropdownClass() }}\">\n  <div (click)=\"showDropdown = !showDropdown\" class=\"dropdown-trigger\">\n    <button\n      [class.is-active]=\"showDropdown\"\n      [disableTooltip]=\"showDropdown\"\n      [attr.aria-controls]=\"menuId\"\n      [ngbTooltip]=\"tooltip()\"\n      class=\"button {{ dropdownButtonClass() }}\"\n      aria-haspopup=\"true\"\n      container=\"body\"\n      placement=\"bottom\">\n      <ng-content select=\"[label]\"></ng-content>\n    </button>\n  </div>\n\n  <div class=\"dropdown-menu\" [id]=\"menuId\" role=\"menu\">\n    <div (click)=\"showDropdown = false\" class=\"dropdown-content {{ dropdownContentClass() }}\">\n      <ng-content select=\"[menu]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".dropdown-item>span{border-left:2px solid transparent}\n"], dependencies: [{ kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideListenAfter"], outputs: ["clickOutside"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ClickOutsideDirective, NgbTooltip], template: "<div [class.is-active]=\"showDropdown\" (clickOutside)=\"showDropdown = false\" class=\"dropdown {{ dropdownClass }}\">\n  <div (click)=\"showDropdown = !showDropdown\" class=\"dropdown-trigger\">\n    <button\n      [class.is-active]=\"showDropdown\"\n      [disableTooltip]=\"showDropdown\"\n      [attr.aria-controls]=\"menuId\"\n      [ngbTooltip]=\"tooltip\"\n      class=\"button {{ dropdownButtonClass }}\"\n      aria-haspopup=\"true\"\n      container=\"body\"\n      placement=\"bottom\">\n      <ng-content select=\"[label]\"></ng-content>\n    </button>\n  </div>\n\n  <div class=\"dropdown-menu\" [id]=\"menuId\" role=\"menu\">\n    <div (click)=\"showDropdown = false\" class=\"dropdown-content {{ dropdownContentClass }}\">\n      <ng-content select=\"[menu]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".dropdown-item>span{border-left:2px solid transparent}\n"] }]
+            args: [{ selector: 'he-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ClickOutsideDirective, NgbTooltip], template: "<div [class.is-active]=\"showDropdown\" (clickOutside)=\"showDropdown = false\" class=\"dropdown {{ dropdownClass() }}\">\n  <div (click)=\"showDropdown = !showDropdown\" class=\"dropdown-trigger\">\n    <button\n      [class.is-active]=\"showDropdown\"\n      [disableTooltip]=\"showDropdown\"\n      [attr.aria-controls]=\"menuId\"\n      [ngbTooltip]=\"tooltip()\"\n      class=\"button {{ dropdownButtonClass() }}\"\n      aria-haspopup=\"true\"\n      container=\"body\"\n      placement=\"bottom\">\n      <ng-content select=\"[label]\"></ng-content>\n    </button>\n  </div>\n\n  <div class=\"dropdown-menu\" [id]=\"menuId\" role=\"menu\">\n    <div (click)=\"showDropdown = false\" class=\"dropdown-content {{ dropdownContentClass() }}\">\n      <ng-content select=\"[menu]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".dropdown-item>span{border-left:2px solid transparent}\n"] }]
         }], propDecorators: { id: [{
                 type: HostBinding,
                 args: ['id']
-            }], tooltip: [{
-                type: Input
-            }], dropdownClass: [{
-                type: Input
-            }], dropdownButtonClass: [{
-                type: Input
-            }], dropdownContentClass: [{
-                type: Input
             }], onClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
@@ -2358,15 +2331,16 @@ class NavigationMenuComponent {
         this.faAngleDoubleRight = faAngleDoubleRight;
         this.faCaretDown = faCaretDown;
         this.faCaretRight = faCaretRight;
-        this.sticky = false;
-        this.collapsible = false;
-        this.links = [];
-        this.routerLinkMatchOptions = {
+        this.links = input([]);
+        this.sticky = input(false);
+        this.collapsible = input(false);
+        this.routerLinkMatchOptions = input({
             queryParams: 'subset',
             fragment: 'exact',
             paths: 'exact',
             matrixParams: 'ignored'
-        };
+        });
+        this.withPrimaryIcons = computed(() => this.links().some(link => link.icon));
         this.collapsed = false;
         this.opened = true;
         this.classes = 'no-print navigation-menu';
@@ -2377,9 +2351,6 @@ class NavigationMenuComponent {
         const maxHeight = window.innerHeight - (navbar?.offsetHeight || 0) - 10;
         return `${maxHeight}px`;
     }
-    get withPrimaryIcons() {
-        return this.links.some(link => link.icon);
-    }
     toggle() {
         this.collapsed = !this.collapsed;
         this.service.collapse(this.collapsed);
@@ -2388,30 +2359,24 @@ class NavigationMenuComponent {
         this.responsiveService.isTablet() && links.forEach(link => (link.expanded = false));
     }
     toggleLinks(item, index) {
-        const siblings = this.links[index].links.filter(link => link !== item);
+        const siblings = this.links()[index].links.filter(link => link !== item);
         this.collapseOtherLinks(siblings);
         item.expanded = !item.expanded;
     }
     listActiveLinkChange(item) {
-        const links = this.links.flatMap(({ links }) => links).filter(Boolean);
+        const links = this.links()
+            .flatMap(({ links }) => links)
+            .filter(Boolean);
         this.collapseOtherLinks(links);
         item.expanded = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: NavigationMenuComponent, isStandalone: true, selector: "he-navigation-menu", inputs: { sticky: "sticky", collapsible: "collapsible", links: "links", routerLinkMatchOptions: "routerLinkMatchOptions" }, host: { properties: { "class": "this.classes", "class.is-collapsed": "this.isCollapsed" } }, ngImport: i0, template: "<aside class=\"menu\" [class.sticky]=\"sticky\" [style.max-height]=\"maxHeight\">\n  <div class=\"ng-content-outer-container\">\n    <ng-content select=\"[outer-content]\"></ng-content>\n  </div>\n\n  <div [class.card]=\"responsiveService.isTouch()\">\n    @if (responsiveService.isTouch()) {\n      <header class=\"card-header\">\n        <span class=\"card-title has-text-weight-bold\">Menu</span>\n        <button class=\"card-header-icon p-0\" (click)=\"opened = !opened\">\n          <span class=\"icon\">\n            <fa-icon class=\"fa-xl\" [icon]=\"opened ? faAngleUp : faAngleDown\"></fa-icon>\n          </span>\n        </button>\n      </header>\n    }\n\n    <div [class.card-content]=\"responsiveService.isTouch()\" [class.is-hidden]=\"!opened\">\n      @if (collapsible) {\n        <button class=\"button collapse is-small is-white\" (click)=\"toggle()\">\n          <fa-icon [icon]=\"faAngleDoubleLeft\" [class.is-hidden]=\"collapsed\"></fa-icon>\n          <fa-icon [icon]=\"faAngleDoubleRight\" [class.is-hidden]=\"!collapsed\"></fa-icon>\n          <span class=\"ml-2\" i18n=\"@@collapse\" [class.is-hidden]=\"collapsed\">Collapse</span>\n        </button>\n      }\n\n      <div class=\"ng-content-inner-container\">\n        <ng-content select=\"[inner-content]\"></ng-content>\n      </div>\n\n      @if (responsiveService.isTablet$ | async) {\n        <ng-container *ngTemplateOutlet=\"gridMenu\"></ng-container>\n      } @else {\n        <ul class=\"is-block-menu\">\n          @for (primaryLink of links; track primaryLink; let primaryLinkIndex = $index) {\n            <li>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  primaryLink.url ? primaryLinkContentUrl : primaryLinkContentNoUrl;\n                  context: { $implicit: primaryLink }\n                \"></ng-container>\n            </li>\n            @if (primaryLink.links?.length) {\n              <ul class=\"is-flex is-flex-direction-column is-align-items-stretch gap-4\">\n                @for (secondaryLink of primaryLink.links; track secondaryLink) {\n                  <li\n                    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--secondary\"\n                    (click)=\"\n                      secondaryLink.url ? $event.stopPropagation() : toggleLinks(secondaryLink, primaryLinkIndex)\n                    \">\n                    @if (!!secondaryLink.links?.length) {\n                      <fa-icon\n                        [icon]=\"secondaryLink.expanded ? faCaretDown : faCaretRight\"\n                        (click)=\"$event.stopPropagation(); toggleLinks(secondaryLink, primaryLinkIndex)\"\n                        size=\"sm\"\n                        class=\"is-inline-block | he-menu-item__caret-icon\"></fa-icon>\n                    }\n                    <a\n                      [routerLink]=\"secondaryLink.url\"\n                      [queryParams]=\"secondaryLink.queryParams\"\n                      [fragment]=\"secondaryLink.fragment\"\n                      [routerLinkActiveOptions]=\"secondaryLink.activeMatchOptions || routerLinkMatchOptions\"\n                      routerLinkActive=\"link-active\"\n                      class=\"he-menu-item__label he-menu-item__label--selectable\"\n                      [ngClass]=\"{ 'he-menu-item__label--selectable': !!secondaryLink?.url }\">\n                      <span [innerHTML]=\"secondaryLink.title\"></span>\n                    </a>\n                  </li>\n                  @if (secondaryLink?.links?.length) {\n                    <li [class.is-hidden]=\"!secondaryLink.expanded\">\n                      <ul>\n                        @for (nestedItem of secondaryLink.links; track nestedItem) {\n                          <li class=\"is-flex is-align-items-center he-menu-item--nested\">\n                            <div class=\"he-menu-item__nested-border\"></div>\n                            <a\n                              [routerLink]=\"nestedItem.url\"\n                              [queryParams]=\"nestedItem.queryParams\"\n                              [fragment]=\"nestedItem.fragment\"\n                              [routerLinkActiveOptions]=\"nestedItem.activeMatchOptions || routerLinkMatchOptions\"\n                              routerLinkActive=\"link-active\"\n                              (isActiveChange)=\"$event && listActiveLinkChange(secondaryLink)\"\n                              class=\"he-menu-item__label he-menu-item__label--selectable\">\n                              <span [innerHTML]=\"nestedItem.title\"></span>\n                            </a>\n                          </li>\n                        }\n                      </ul>\n                    </li>\n                  }\n                }\n              </ul>\n            }\n          }\n        </ul>\n      }\n    </div>\n  </div>\n</aside>\n\n<ng-template #primaryLinkContent let-link>\n  <span class=\"is-inline-block has-text-centered\">\n    <svg-icon class=\"is-inline-block\" [name]=\"link.icon\" svgClass=\"he-menu-item__icon\"></svg-icon>\n  </span>\n  <span class=\"has-text-weight-bold he-menu-item__title\" [innerHTML]=\"link.title\"></span>\n</ng-template>\n\n<ng-template #primaryLinkContentNoUrl let-link>\n  <span\n    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--primary has-text-weight-bold\"\n    [class.he-menu-item--with-icon]=\"withPrimaryIcons\">\n    <ng-container *ngTemplateOutlet=\"primaryLinkContent; context: { $implicit: link }\"></ng-container>\n  </span>\n</ng-template>\n\n<ng-template #primaryLinkContentUrl let-link>\n  <a\n    [routerLink]=\"link.url\"\n    [queryParams]=\"link.queryParams\"\n    [fragment]=\"link.fragment\"\n    routerLinkActive=\"link-active\"\n    [routerLinkActiveOptions]=\"{ exact: true }\"\n    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--primary\"\n    [class.has-text-weight-bold]=\"link.links?.length > 0\"\n    [class.he-menu-item--with-icon]=\"withPrimaryIcons\">\n    <ng-container *ngTemplateOutlet=\"primaryLinkContent; context: { $implicit: link }\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #secondaryLinkContent let-link>\n  <span class=\"he-menu-item__label\" [innerHTML]=\"link.title\"></span>\n</ng-template>\n\n<ng-template #gridMenu>\n  <ul class=\"is-grid-menu\">\n    @for (primaryLink of links; track primaryLink; let primaryLinkIndex = $index) {\n      <li>\n        <ng-container\n          *ngTemplateOutlet=\"\n            primaryLink.url ? primaryLinkContentUrl : primaryLinkContentNoUrl;\n            context: { $implicit: primaryLink }\n          \"></ng-container>\n      </li>\n      @if (!!primaryLink.links?.length) {\n        <ul class=\"grid-list\">\n          @for (secondaryLink of primaryLink.links; track secondaryLink) {\n            <a\n              class=\"is-flex is-align-items-center | he-menu-item he-menu-item--secondary\"\n              (click)=\"secondaryLink.url ? $event.stopPropagation() : toggleLinks(secondaryLink, primaryLinkIndex)\"\n              [routerLink]=\"secondaryLink.url\"\n              [queryParams]=\"secondaryLink.queryParams\"\n              [fragment]=\"secondaryLink.fragment\"\n              [routerLinkActiveOptions]=\"secondaryLink.activeMatchOptions || routerLinkMatchOptions\"\n              routerLinkActive=\"link-active\">\n              @if (!!secondaryLink.links?.length) {\n                <fa-icon\n                  [icon]=\"secondaryLink.expanded ? faCaretDown : faCaretRight\"\n                  (click)=\"\n                    $event.stopPropagation(); $event.preventDefault(); toggleLinks(secondaryLink, primaryLinkIndex)\n                  \"\n                  size=\"sm\"\n                  class=\"is-inline-block | he-menu-item__caret-icon\"></fa-icon>\n              }\n              <ng-container\n                *ngTemplateOutlet=\"secondaryLinkContent; context: { $implicit: secondaryLink }\"></ng-container>\n            </a>\n            @if (!!secondaryLink.links?.length) {\n              <li class=\"nested-row\" [ngClass]=\"{ 'is-hidden': !secondaryLink.expanded }\">\n                <ul class=\"nested-row__list\">\n                  @for (item of secondaryLink.links; track item) {\n                    <li>\n                      <a\n                        class=\"nested-row__item\"\n                        [routerLink]=\"item.url\"\n                        [queryParams]=\"item.queryParams\"\n                        [fragment]=\"item.fragment\"\n                        [routerLinkActiveOptions]=\"item.activeMatchOptions || routerLinkMatchOptions\"\n                        (isActiveChange)=\"$event && listActiveLinkChange(secondaryLink)\"\n                        routerLinkActive=\"link-active\">\n                        <svg-icon\n                          name=\"bullet-point\"\n                          class=\"nested-row__item-bullet-point\"\n                          svgClass=\"is-flex is-align-items-center\"></svg-icon>\n                        <span class=\"nested-row__item-label\" [innerHTML]=\"item.title\"></span>\n                      </a>\n                    </li>\n                  }\n                </ul>\n              </li>\n            }\n          }\n        </ul>\n      }\n    }\n  </ul>\n</ng-template>\n", styles: [".column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}.columns.is-mobile>.column.is-narrow{flex:none;width:unset}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-0{flex:none;width:0%}.columns.is-mobile>.column.is-offset-0{margin-left:0%}.columns.is-mobile>.column.is-1{flex:none;width:8.33333337%}.columns.is-mobile>.column.is-offset-1{margin-left:8.33333337%}.columns.is-mobile>.column.is-2{flex:none;width:16.66666674%}.columns.is-mobile>.column.is-offset-2{margin-left:16.66666674%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.33333337%}.columns.is-mobile>.column.is-offset-4{margin-left:33.33333337%}.columns.is-mobile>.column.is-5{flex:none;width:41.66666674%}.columns.is-mobile>.column.is-offset-5{margin-left:41.66666674%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.33333337%}.columns.is-mobile>.column.is-offset-7{margin-left:58.33333337%}.columns.is-mobile>.column.is-8{flex:none;width:66.66666674%}.columns.is-mobile>.column.is-offset-8{margin-left:66.66666674%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.33333337%}.columns.is-mobile>.column.is-offset-10{margin-left:83.33333337%}.columns.is-mobile>.column.is-11{flex:none;width:91.66666674%}.columns.is-mobile>.column.is-offset-11{margin-left:91.66666674%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width: 768px){.column.is-narrow-mobile{flex:none;width:unset}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-0-mobile{flex:none;width:0%}.column.is-offset-0-mobile{margin-left:0%}.column.is-1-mobile{flex:none;width:8.33333337%}.column.is-offset-1-mobile{margin-left:8.33333337%}.column.is-2-mobile{flex:none;width:16.66666674%}.column.is-offset-2-mobile{margin-left:16.66666674%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{flex:none;width:33.33333337%}.column.is-offset-4-mobile{margin-left:33.33333337%}.column.is-5-mobile{flex:none;width:41.66666674%}.column.is-offset-5-mobile{margin-left:41.66666674%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{flex:none;width:58.33333337%}.column.is-offset-7-mobile{margin-left:58.33333337%}.column.is-8-mobile{flex:none;width:66.66666674%}.column.is-offset-8-mobile{margin-left:66.66666674%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{flex:none;width:83.33333337%}.column.is-offset-10-mobile{margin-left:83.33333337%}.column.is-11-mobile{flex:none;width:91.66666674%}.column.is-offset-11-mobile{margin-left:91.66666674%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width: 769px),print{.column.is-narrow,.column.is-narrow-tablet{flex:none;width:unset}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-0,.column.is-0-tablet{flex:none;width:0%}.column.is-offset-0,.column.is-offset-0-tablet{margin-left:0%}.column.is-1,.column.is-1-tablet{flex:none;width:8.33333337%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.33333337%}.column.is-2,.column.is-2-tablet{flex:none;width:16.66666674%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.66666674%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.33333337%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.33333337%}.column.is-5,.column.is-5-tablet{flex:none;width:41.66666674%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.66666674%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.33333337%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.33333337%}.column.is-8,.column.is-8-tablet{flex:none;width:66.66666674%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.66666674%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.33333337%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.33333337%}.column.is-11,.column.is-11-tablet{flex:none;width:91.66666674%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.66666674%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width: 1023px){.column.is-narrow-touch{flex:none;width:unset}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-0-touch{flex:none;width:0%}.column.is-offset-0-touch{margin-left:0%}.column.is-1-touch{flex:none;width:8.33333337%}.column.is-offset-1-touch{margin-left:8.33333337%}.column.is-2-touch{flex:none;width:16.66666674%}.column.is-offset-2-touch{margin-left:16.66666674%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{flex:none;width:33.33333337%}.column.is-offset-4-touch{margin-left:33.33333337%}.column.is-5-touch{flex:none;width:41.66666674%}.column.is-offset-5-touch{margin-left:41.66666674%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{flex:none;width:58.33333337%}.column.is-offset-7-touch{margin-left:58.33333337%}.column.is-8-touch{flex:none;width:66.66666674%}.column.is-offset-8-touch{margin-left:66.66666674%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{flex:none;width:83.33333337%}.column.is-offset-10-touch{margin-left:83.33333337%}.column.is-11-touch{flex:none;width:91.66666674%}.column.is-offset-11-touch{margin-left:91.66666674%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none;width:unset}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-0-desktop{flex:none;width:0%}.column.is-offset-0-desktop{margin-left:0%}.column.is-1-desktop{flex:none;width:8.33333337%}.column.is-offset-1-desktop{margin-left:8.33333337%}.column.is-2-desktop{flex:none;width:16.66666674%}.column.is-offset-2-desktop{margin-left:16.66666674%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{flex:none;width:33.33333337%}.column.is-offset-4-desktop{margin-left:33.33333337%}.column.is-5-desktop{flex:none;width:41.66666674%}.column.is-offset-5-desktop{margin-left:41.66666674%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{flex:none;width:58.33333337%}.column.is-offset-7-desktop{margin-left:58.33333337%}.column.is-8-desktop{flex:none;width:66.66666674%}.column.is-offset-8-desktop{margin-left:66.66666674%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{flex:none;width:83.33333337%}.column.is-offset-10-desktop{margin-left:83.33333337%}.column.is-11-desktop{flex:none;width:91.66666674%}.column.is-offset-11-desktop{margin-left:91.66666674%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width: 1216px){.column.is-narrow-widescreen{flex:none;width:unset}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-0-widescreen{flex:none;width:0%}.column.is-offset-0-widescreen{margin-left:0%}.column.is-1-widescreen{flex:none;width:8.33333337%}.column.is-offset-1-widescreen{margin-left:8.33333337%}.column.is-2-widescreen{flex:none;width:16.66666674%}.column.is-offset-2-widescreen{margin-left:16.66666674%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{flex:none;width:33.33333337%}.column.is-offset-4-widescreen{margin-left:33.33333337%}.column.is-5-widescreen{flex:none;width:41.66666674%}.column.is-offset-5-widescreen{margin-left:41.66666674%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{flex:none;width:58.33333337%}.column.is-offset-7-widescreen{margin-left:58.33333337%}.column.is-8-widescreen{flex:none;width:66.66666674%}.column.is-offset-8-widescreen{margin-left:66.66666674%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{flex:none;width:83.33333337%}.column.is-offset-10-widescreen{margin-left:83.33333337%}.column.is-11-widescreen{flex:none;width:91.66666674%}.column.is-offset-11-widescreen{margin-left:91.66666674%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width: 1408px){.column.is-narrow-fullhd{flex:none;width:unset}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-0-fullhd{flex:none;width:0%}.column.is-offset-0-fullhd{margin-left:0%}.column.is-1-fullhd{flex:none;width:8.33333337%}.column.is-offset-1-fullhd{margin-left:8.33333337%}.column.is-2-fullhd{flex:none;width:16.66666674%}.column.is-offset-2-fullhd{margin-left:16.66666674%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{flex:none;width:33.33333337%}.column.is-offset-4-fullhd{margin-left:33.33333337%}.column.is-5-fullhd{flex:none;width:41.66666674%}.column.is-offset-5-fullhd{margin-left:41.66666674%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{flex:none;width:58.33333337%}.column.is-offset-7-fullhd{margin-left:58.33333337%}.column.is-8-fullhd{flex:none;width:66.66666674%}.column.is-offset-8-fullhd{margin-left:66.66666674%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{flex:none;width:83.33333337%}.column.is-offset-10-fullhd{margin-left:83.33333337%}.column.is-11-fullhd{flex:none;width:91.66666674%}.column.is-offset-11-fullhd{margin-left:91.66666674%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:.75rem}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:1.5rem}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}@media screen and (min-width: 769px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width: 1024px){.columns.is-desktop{display:flex}}.columns.is-variable{--columnGap: .75rem;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap: 0rem}@media screen and (max-width: 768px){.columns.is-variable.is-0-mobile{--columnGap: 0rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-0-tablet{--columnGap: 0rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-0-tablet-only{--columnGap: 0rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-0-touch{--columnGap: 0rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-0-desktop{--columnGap: 0rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-0-desktop-only{--columnGap: 0rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-0-widescreen{--columnGap: 0rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-0-widescreen-only{--columnGap: 0rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-0-fullhd{--columnGap: 0rem}}.columns.is-variable.is-1{--columnGap: .25rem}@media screen and (max-width: 768px){.columns.is-variable.is-1-mobile{--columnGap: .25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-1-tablet{--columnGap: .25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-1-tablet-only{--columnGap: .25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-1-touch{--columnGap: .25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-1-desktop{--columnGap: .25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-1-desktop-only{--columnGap: .25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-1-widescreen{--columnGap: .25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-1-widescreen-only{--columnGap: .25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-1-fullhd{--columnGap: .25rem}}.columns.is-variable.is-2{--columnGap: .5rem}@media screen and (max-width: 768px){.columns.is-variable.is-2-mobile{--columnGap: .5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-2-tablet{--columnGap: .5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-2-tablet-only{--columnGap: .5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-2-touch{--columnGap: .5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-2-desktop{--columnGap: .5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-2-desktop-only{--columnGap: .5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-2-widescreen{--columnGap: .5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-2-widescreen-only{--columnGap: .5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-2-fullhd{--columnGap: .5rem}}.columns.is-variable.is-3{--columnGap: .75rem}@media screen and (max-width: 768px){.columns.is-variable.is-3-mobile{--columnGap: .75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-3-tablet{--columnGap: .75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-3-tablet-only{--columnGap: .75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-3-touch{--columnGap: .75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-3-desktop{--columnGap: .75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-3-desktop-only{--columnGap: .75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-3-widescreen{--columnGap: .75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-3-widescreen-only{--columnGap: .75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-3-fullhd{--columnGap: .75rem}}.columns.is-variable.is-4{--columnGap: 1rem}@media screen and (max-width: 768px){.columns.is-variable.is-4-mobile{--columnGap: 1rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-4-tablet{--columnGap: 1rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-4-tablet-only{--columnGap: 1rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-4-touch{--columnGap: 1rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-4-desktop{--columnGap: 1rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-4-desktop-only{--columnGap: 1rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-4-widescreen{--columnGap: 1rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-4-widescreen-only{--columnGap: 1rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-4-fullhd{--columnGap: 1rem}}.columns.is-variable.is-5{--columnGap: 1.25rem}@media screen and (max-width: 768px){.columns.is-variable.is-5-mobile{--columnGap: 1.25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-5-tablet{--columnGap: 1.25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-5-tablet-only{--columnGap: 1.25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-5-touch{--columnGap: 1.25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-5-desktop{--columnGap: 1.25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-5-desktop-only{--columnGap: 1.25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-5-widescreen{--columnGap: 1.25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-5-widescreen-only{--columnGap: 1.25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-5-fullhd{--columnGap: 1.25rem}}.columns.is-variable.is-6{--columnGap: 1.5rem}@media screen and (max-width: 768px){.columns.is-variable.is-6-mobile{--columnGap: 1.5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-6-tablet{--columnGap: 1.5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-6-tablet-only{--columnGap: 1.5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-6-touch{--columnGap: 1.5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-6-desktop{--columnGap: 1.5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-6-desktop-only{--columnGap: 1.5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-6-widescreen{--columnGap: 1.5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-6-widescreen-only{--columnGap: 1.5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-6-fullhd{--columnGap: 1.5rem}}.columns.is-variable.is-7{--columnGap: 1.75rem}@media screen and (max-width: 768px){.columns.is-variable.is-7-mobile{--columnGap: 1.75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-7-tablet{--columnGap: 1.75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-7-tablet-only{--columnGap: 1.75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-7-touch{--columnGap: 1.75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-7-desktop{--columnGap: 1.75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-7-desktop-only{--columnGap: 1.75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-7-widescreen{--columnGap: 1.75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-7-widescreen-only{--columnGap: 1.75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-7-fullhd{--columnGap: 1.75rem}}.columns.is-variable.is-8{--columnGap: 2rem}@media screen and (max-width: 768px){.columns.is-variable.is-8-mobile{--columnGap: 2rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-8-tablet{--columnGap: 2rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-8-tablet-only{--columnGap: 2rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-8-touch{--columnGap: 2rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-8-desktop{--columnGap: 2rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-8-desktop-only{--columnGap: 2rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-8-widescreen{--columnGap: 2rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-8-widescreen-only{--columnGap: 2rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-8-fullhd{--columnGap: 2rem}}.navigation-menu{display:block}.navigation-menu .card-header{padding:6px 20px;align-items:center;justify-content:space-between;background-color:#4c7194;color:#fff}.navigation-menu .card-title{font-size:13px;line-height:16px}.navigation-menu .card-content{padding:12px 0 24px;background-color:#fefaef}@media screen and (min-width: 768px),print{.navigation-menu .card-content{padding:8px 0 24px}}.navigation-menu .menu{font-size:13px;line-height:16px;color:#193957;font-weight:400;overflow-x:hidden;overflow-y:auto;width:100%!important;max-width:100%!important}@media screen and (min-width: 928px){.navigation-menu .menu{width:15.5rem!important;min-width:15.5rem!important;max-width:15.5rem!important;padding:20px 0;border-style:solid;border-color:#ffc000;border-width:1px 0}}.navigation-menu .menu.fixed-top{transform:translate3d(0,6.75rem,0)}.navigation-menu .menu.sticky{position:sticky;top:6.75rem}.navigation-menu .collapse{width:100%;justify-content:left}.navigation-menu a{text-decoration:none!important}.navigation-menu a:focus,.navigation-menu a:active{outline:0!important}.navigation-menu .cursor-default{cursor:default!important}.navigation-menu .gap-4{gap:4px}.navigation-menu .he-menu-item{color:#193957}.navigation-menu .he-menu-item__label,.navigation-menu .he-menu-item__title{display:block;color:#193957!important}.navigation-menu .he-menu-item--with-icon>span:first-child{height:20px;width:20px;min-width:20px}.navigation-menu .he-menu-item__icon{color:#193957;height:20px;width:20px}.navigation-menu .he-menu-item--primary,.navigation-menu .he-menu-item--secondary,.navigation-menu .he-menu-item--nested{gap:10px}.navigation-menu .he-menu-item--primary{margin:12px 0;padding:6px 5px}.navigation-menu .he-menu-item--secondary{cursor:pointer;padding:0 0 0 35px}.navigation-menu .he-menu-item--secondary>a:first-child,.navigation-menu .he-menu-item--secondary>span:first-child{margin-left:20px}.navigation-menu .he-menu-item--nested{padding:0 0 0 55px}.navigation-menu .he-menu-item__label{padding:4px 5px;border-radius:3px;align-self:stretch;flex:1 1 0}.navigation-menu .he-menu-item__label--selectable:not(.link-active):hover{background-color:#fefaef}.navigation-menu .he-menu-item__caret-icon{color:#ffc000;width:10px}.navigation-menu .he-menu-item__nested-border{width:1px;align-self:stretch;background-color:#ffc000}.navigation-menu .grid-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;align-items:start;gap:4px;grid-auto-flow:dense}.navigation-menu .grid-list .he-menu-item__label{padding:4px 0}.navigation-menu .nested-row{margin-top:-4px;margin-bottom:-4px;padding:0 42px;border-top:solid 1px #ffc000;border-bottom:solid 1px #ffc000;background-color:#fff7e1;grid-column:1/4}.navigation-menu .nested-row__list{display:flex;flex-wrap:wrap;gap:4px}.navigation-menu .nested-row__item{display:flex;padding:4px 10px;align-items:center;gap:10px}.navigation-menu .nested-row__item-label{color:#193957!important;text-decoration:none!important}.navigation-menu .nested-row__item-bullet-point{color:#ffc000}.navigation-menu .link-active{background-color:#ffe8a3;color:#193957!important}.navigation-menu .is-grid-menu .link-active{background-color:#ffe8a3}.navigation-menu.column+.column{overflow:hidden;width:100%}@media screen and (min-width: 928px){.navigation-menu.is-collapsed .menu{max-width:2.8rem!important;min-width:2.8rem!important;width:2.8rem!important}.navigation-menu.is-collapsed span.no-collapse{display:block;text-align:center}.navigation-menu.is-collapsed span.no-collapse~span{display:none}.navigation-menu.column+.column{max-width:calc(100% - 17rem)}.navigation-menu.is-collapsed.column+.column{max-width:calc(100% - 4.3rem)}}.navigation-menu.is-small .he-menu-item--primary{margin:0}\n"], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: NavigationMenuComponent, isStandalone: true, selector: "he-navigation-menu", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, routerLinkMatchOptions: { classPropertyName: "routerLinkMatchOptions", publicName: "routerLinkMatchOptions", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.classes", "class.is-collapsed": "this.isCollapsed" } }, ngImport: i0, template: "<aside class=\"menu\" [class.sticky]=\"sticky()\" [style.max-height]=\"maxHeight\">\n  <div class=\"ng-content-outer-container\">\n    <ng-content select=\"[outer-content]\"></ng-content>\n  </div>\n\n  <div [class.card]=\"responsiveService.isTouch()\">\n    @if (responsiveService.isTouch()) {\n      <header class=\"card-header\">\n        <span class=\"card-title has-text-weight-bold\">Menu</span>\n        <button class=\"card-header-icon p-0\" (click)=\"opened = !opened\">\n          <span class=\"icon\">\n            <fa-icon class=\"fa-xl\" [icon]=\"opened ? faAngleUp : faAngleDown\"></fa-icon>\n          </span>\n        </button>\n      </header>\n    }\n\n    <div [class.card-content]=\"responsiveService.isTouch()\" [class.is-hidden]=\"!opened\">\n      @if (collapsible()) {\n        <button class=\"button collapse is-small is-white\" (click)=\"toggle()\">\n          <fa-icon [icon]=\"faAngleDoubleLeft\" [class.is-hidden]=\"collapsed\"></fa-icon>\n          <fa-icon [icon]=\"faAngleDoubleRight\" [class.is-hidden]=\"!collapsed\"></fa-icon>\n          <span class=\"ml-2\" i18n=\"@@collapse\" [class.is-hidden]=\"collapsed\">Collapse</span>\n        </button>\n      }\n\n      <div class=\"ng-content-inner-container\">\n        <ng-content select=\"[inner-content]\"></ng-content>\n      </div>\n\n      @if (responsiveService.isTablet$ | async) {\n        <ng-container *ngTemplateOutlet=\"gridMenu\"></ng-container>\n      } @else {\n        <ul class=\"is-block-menu\">\n          @for (primaryLink of links(); track primaryLink; let primaryLinkIndex = $index) {\n            <li>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  primaryLink.url ? primaryLinkContentUrl : primaryLinkContentNoUrl;\n                  context: { $implicit: primaryLink }\n                \"></ng-container>\n            </li>\n            @if (primaryLink.links?.length) {\n              <ul class=\"is-flex is-flex-direction-column is-align-items-stretch gap-4\">\n                @for (secondaryLink of primaryLink.links; track secondaryLink) {\n                  <li\n                    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--secondary\"\n                    (click)=\"\n                      secondaryLink.url ? $event.stopPropagation() : toggleLinks(secondaryLink, primaryLinkIndex)\n                    \">\n                    @if (!!secondaryLink.links?.length) {\n                      <fa-icon\n                        [icon]=\"secondaryLink.expanded ? faCaretDown : faCaretRight\"\n                        (click)=\"$event.stopPropagation(); toggleLinks(secondaryLink, primaryLinkIndex)\"\n                        size=\"sm\"\n                        class=\"is-inline-block | he-menu-item__caret-icon\"></fa-icon>\n                    }\n                    <a\n                      [routerLink]=\"secondaryLink.url\"\n                      [queryParams]=\"secondaryLink.queryParams\"\n                      [fragment]=\"secondaryLink.fragment\"\n                      [routerLinkActiveOptions]=\"secondaryLink.activeMatchOptions || routerLinkMatchOptions()\"\n                      routerLinkActive=\"link-active\"\n                      class=\"he-menu-item__label he-menu-item__label--selectable\"\n                      [ngClass]=\"{ 'he-menu-item__label--selectable': !!secondaryLink?.url }\">\n                      <span [innerHTML]=\"secondaryLink.title\"></span>\n                    </a>\n                  </li>\n                  @if (secondaryLink?.links?.length) {\n                    <li [class.is-hidden]=\"!secondaryLink.expanded\">\n                      <ul>\n                        @for (nestedItem of secondaryLink.links; track nestedItem) {\n                          <li class=\"is-flex is-align-items-center he-menu-item--nested\">\n                            <div class=\"he-menu-item__nested-border\"></div>\n                            <a\n                              [routerLink]=\"nestedItem.url\"\n                              [queryParams]=\"nestedItem.queryParams\"\n                              [fragment]=\"nestedItem.fragment\"\n                              [routerLinkActiveOptions]=\"nestedItem.activeMatchOptions || routerLinkMatchOptions()\"\n                              routerLinkActive=\"link-active\"\n                              (isActiveChange)=\"$event && listActiveLinkChange(secondaryLink)\"\n                              class=\"he-menu-item__label he-menu-item__label--selectable\">\n                              <span [innerHTML]=\"nestedItem.title\"></span>\n                            </a>\n                          </li>\n                        }\n                      </ul>\n                    </li>\n                  }\n                }\n              </ul>\n            }\n          }\n        </ul>\n      }\n    </div>\n  </div>\n</aside>\n\n<ng-template #primaryLinkContent let-link>\n  <span class=\"is-inline-block has-text-centered\">\n    <svg-icon class=\"is-inline-block\" [name]=\"link.icon\" svgClass=\"he-menu-item__icon\"></svg-icon>\n  </span>\n  <span class=\"has-text-weight-bold he-menu-item__title\" [innerHTML]=\"link.title\"></span>\n</ng-template>\n\n<ng-template #primaryLinkContentNoUrl let-link>\n  <span\n    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--primary has-text-weight-bold\"\n    [class.he-menu-item--with-icon]=\"withPrimaryIcons()\">\n    <ng-container *ngTemplateOutlet=\"primaryLinkContent; context: { $implicit: link }\"></ng-container>\n  </span>\n</ng-template>\n\n<ng-template #primaryLinkContentUrl let-link>\n  <a\n    [routerLink]=\"link.url\"\n    [queryParams]=\"link.queryParams\"\n    [fragment]=\"link.fragment\"\n    routerLinkActive=\"link-active\"\n    [routerLinkActiveOptions]=\"{ exact: true }\"\n    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--primary\"\n    [class.has-text-weight-bold]=\"link.links?.length > 0\"\n    [class.he-menu-item--with-icon]=\"withPrimaryIcons()\">\n    <ng-container *ngTemplateOutlet=\"primaryLinkContent; context: { $implicit: link }\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #secondaryLinkContent let-link>\n  <span class=\"he-menu-item__label\" [innerHTML]=\"link.title\"></span>\n</ng-template>\n\n<ng-template #gridMenu>\n  <ul class=\"is-grid-menu\">\n    @for (primaryLink of links(); track primaryLink; let primaryLinkIndex = $index) {\n      <li>\n        <ng-container\n          *ngTemplateOutlet=\"\n            primaryLink.url ? primaryLinkContentUrl : primaryLinkContentNoUrl;\n            context: { $implicit: primaryLink }\n          \"></ng-container>\n      </li>\n      @if (!!primaryLink.links?.length) {\n        <ul class=\"grid-list\">\n          @for (secondaryLink of primaryLink.links; track secondaryLink) {\n            <a\n              class=\"is-flex is-align-items-center | he-menu-item he-menu-item--secondary\"\n              (click)=\"secondaryLink.url ? $event.stopPropagation() : toggleLinks(secondaryLink, primaryLinkIndex)\"\n              [routerLink]=\"secondaryLink.url\"\n              [queryParams]=\"secondaryLink.queryParams\"\n              [fragment]=\"secondaryLink.fragment\"\n              [routerLinkActiveOptions]=\"secondaryLink.activeMatchOptions || routerLinkMatchOptions()\"\n              routerLinkActive=\"link-active\">\n              @if (!!secondaryLink.links?.length) {\n                <fa-icon\n                  [icon]=\"secondaryLink.expanded ? faCaretDown : faCaretRight\"\n                  (click)=\"\n                    $event.stopPropagation(); $event.preventDefault(); toggleLinks(secondaryLink, primaryLinkIndex)\n                  \"\n                  size=\"sm\"\n                  class=\"is-inline-block | he-menu-item__caret-icon\"></fa-icon>\n              }\n              <ng-container\n                *ngTemplateOutlet=\"secondaryLinkContent; context: { $implicit: secondaryLink }\"></ng-container>\n            </a>\n            @if (!!secondaryLink.links?.length) {\n              <li class=\"nested-row\" [ngClass]=\"{ 'is-hidden': !secondaryLink.expanded }\">\n                <ul class=\"nested-row__list\">\n                  @for (item of secondaryLink.links; track item) {\n                    <li>\n                      <a\n                        class=\"nested-row__item\"\n                        [routerLink]=\"item.url\"\n                        [queryParams]=\"item.queryParams\"\n                        [fragment]=\"item.fragment\"\n                        [routerLinkActiveOptions]=\"item.activeMatchOptions || routerLinkMatchOptions()\"\n                        (isActiveChange)=\"$event && listActiveLinkChange(secondaryLink)\"\n                        routerLinkActive=\"link-active\">\n                        <svg-icon\n                          name=\"bullet-point\"\n                          class=\"nested-row__item-bullet-point\"\n                          svgClass=\"is-flex is-align-items-center\"></svg-icon>\n                        <span class=\"nested-row__item-label\" [innerHTML]=\"item.title\"></span>\n                      </a>\n                    </li>\n                  }\n                </ul>\n              </li>\n            }\n          }\n        </ul>\n      }\n    }\n  </ul>\n</ng-template>\n", styles: [".column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}.columns.is-mobile>.column.is-narrow{flex:none;width:unset}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-0{flex:none;width:0%}.columns.is-mobile>.column.is-offset-0{margin-left:0%}.columns.is-mobile>.column.is-1{flex:none;width:8.33333337%}.columns.is-mobile>.column.is-offset-1{margin-left:8.33333337%}.columns.is-mobile>.column.is-2{flex:none;width:16.66666674%}.columns.is-mobile>.column.is-offset-2{margin-left:16.66666674%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.33333337%}.columns.is-mobile>.column.is-offset-4{margin-left:33.33333337%}.columns.is-mobile>.column.is-5{flex:none;width:41.66666674%}.columns.is-mobile>.column.is-offset-5{margin-left:41.66666674%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.33333337%}.columns.is-mobile>.column.is-offset-7{margin-left:58.33333337%}.columns.is-mobile>.column.is-8{flex:none;width:66.66666674%}.columns.is-mobile>.column.is-offset-8{margin-left:66.66666674%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.33333337%}.columns.is-mobile>.column.is-offset-10{margin-left:83.33333337%}.columns.is-mobile>.column.is-11{flex:none;width:91.66666674%}.columns.is-mobile>.column.is-offset-11{margin-left:91.66666674%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width: 768px){.column.is-narrow-mobile{flex:none;width:unset}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-0-mobile{flex:none;width:0%}.column.is-offset-0-mobile{margin-left:0%}.column.is-1-mobile{flex:none;width:8.33333337%}.column.is-offset-1-mobile{margin-left:8.33333337%}.column.is-2-mobile{flex:none;width:16.66666674%}.column.is-offset-2-mobile{margin-left:16.66666674%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{flex:none;width:33.33333337%}.column.is-offset-4-mobile{margin-left:33.33333337%}.column.is-5-mobile{flex:none;width:41.66666674%}.column.is-offset-5-mobile{margin-left:41.66666674%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{flex:none;width:58.33333337%}.column.is-offset-7-mobile{margin-left:58.33333337%}.column.is-8-mobile{flex:none;width:66.66666674%}.column.is-offset-8-mobile{margin-left:66.66666674%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{flex:none;width:83.33333337%}.column.is-offset-10-mobile{margin-left:83.33333337%}.column.is-11-mobile{flex:none;width:91.66666674%}.column.is-offset-11-mobile{margin-left:91.66666674%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width: 769px),print{.column.is-narrow,.column.is-narrow-tablet{flex:none;width:unset}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-0,.column.is-0-tablet{flex:none;width:0%}.column.is-offset-0,.column.is-offset-0-tablet{margin-left:0%}.column.is-1,.column.is-1-tablet{flex:none;width:8.33333337%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.33333337%}.column.is-2,.column.is-2-tablet{flex:none;width:16.66666674%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.66666674%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.33333337%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.33333337%}.column.is-5,.column.is-5-tablet{flex:none;width:41.66666674%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.66666674%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.33333337%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.33333337%}.column.is-8,.column.is-8-tablet{flex:none;width:66.66666674%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.66666674%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.33333337%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.33333337%}.column.is-11,.column.is-11-tablet{flex:none;width:91.66666674%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.66666674%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width: 1023px){.column.is-narrow-touch{flex:none;width:unset}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-0-touch{flex:none;width:0%}.column.is-offset-0-touch{margin-left:0%}.column.is-1-touch{flex:none;width:8.33333337%}.column.is-offset-1-touch{margin-left:8.33333337%}.column.is-2-touch{flex:none;width:16.66666674%}.column.is-offset-2-touch{margin-left:16.66666674%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{flex:none;width:33.33333337%}.column.is-offset-4-touch{margin-left:33.33333337%}.column.is-5-touch{flex:none;width:41.66666674%}.column.is-offset-5-touch{margin-left:41.66666674%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{flex:none;width:58.33333337%}.column.is-offset-7-touch{margin-left:58.33333337%}.column.is-8-touch{flex:none;width:66.66666674%}.column.is-offset-8-touch{margin-left:66.66666674%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{flex:none;width:83.33333337%}.column.is-offset-10-touch{margin-left:83.33333337%}.column.is-11-touch{flex:none;width:91.66666674%}.column.is-offset-11-touch{margin-left:91.66666674%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none;width:unset}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-0-desktop{flex:none;width:0%}.column.is-offset-0-desktop{margin-left:0%}.column.is-1-desktop{flex:none;width:8.33333337%}.column.is-offset-1-desktop{margin-left:8.33333337%}.column.is-2-desktop{flex:none;width:16.66666674%}.column.is-offset-2-desktop{margin-left:16.66666674%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{flex:none;width:33.33333337%}.column.is-offset-4-desktop{margin-left:33.33333337%}.column.is-5-desktop{flex:none;width:41.66666674%}.column.is-offset-5-desktop{margin-left:41.66666674%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{flex:none;width:58.33333337%}.column.is-offset-7-desktop{margin-left:58.33333337%}.column.is-8-desktop{flex:none;width:66.66666674%}.column.is-offset-8-desktop{margin-left:66.66666674%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{flex:none;width:83.33333337%}.column.is-offset-10-desktop{margin-left:83.33333337%}.column.is-11-desktop{flex:none;width:91.66666674%}.column.is-offset-11-desktop{margin-left:91.66666674%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width: 1216px){.column.is-narrow-widescreen{flex:none;width:unset}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-0-widescreen{flex:none;width:0%}.column.is-offset-0-widescreen{margin-left:0%}.column.is-1-widescreen{flex:none;width:8.33333337%}.column.is-offset-1-widescreen{margin-left:8.33333337%}.column.is-2-widescreen{flex:none;width:16.66666674%}.column.is-offset-2-widescreen{margin-left:16.66666674%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{flex:none;width:33.33333337%}.column.is-offset-4-widescreen{margin-left:33.33333337%}.column.is-5-widescreen{flex:none;width:41.66666674%}.column.is-offset-5-widescreen{margin-left:41.66666674%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{flex:none;width:58.33333337%}.column.is-offset-7-widescreen{margin-left:58.33333337%}.column.is-8-widescreen{flex:none;width:66.66666674%}.column.is-offset-8-widescreen{margin-left:66.66666674%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{flex:none;width:83.33333337%}.column.is-offset-10-widescreen{margin-left:83.33333337%}.column.is-11-widescreen{flex:none;width:91.66666674%}.column.is-offset-11-widescreen{margin-left:91.66666674%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width: 1408px){.column.is-narrow-fullhd{flex:none;width:unset}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-0-fullhd{flex:none;width:0%}.column.is-offset-0-fullhd{margin-left:0%}.column.is-1-fullhd{flex:none;width:8.33333337%}.column.is-offset-1-fullhd{margin-left:8.33333337%}.column.is-2-fullhd{flex:none;width:16.66666674%}.column.is-offset-2-fullhd{margin-left:16.66666674%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{flex:none;width:33.33333337%}.column.is-offset-4-fullhd{margin-left:33.33333337%}.column.is-5-fullhd{flex:none;width:41.66666674%}.column.is-offset-5-fullhd{margin-left:41.66666674%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{flex:none;width:58.33333337%}.column.is-offset-7-fullhd{margin-left:58.33333337%}.column.is-8-fullhd{flex:none;width:66.66666674%}.column.is-offset-8-fullhd{margin-left:66.66666674%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{flex:none;width:83.33333337%}.column.is-offset-10-fullhd{margin-left:83.33333337%}.column.is-11-fullhd{flex:none;width:91.66666674%}.column.is-offset-11-fullhd{margin-left:91.66666674%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:.75rem}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:1.5rem}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}@media screen and (min-width: 769px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width: 1024px){.columns.is-desktop{display:flex}}.columns.is-variable{--columnGap: .75rem;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap: 0rem}@media screen and (max-width: 768px){.columns.is-variable.is-0-mobile{--columnGap: 0rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-0-tablet{--columnGap: 0rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-0-tablet-only{--columnGap: 0rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-0-touch{--columnGap: 0rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-0-desktop{--columnGap: 0rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-0-desktop-only{--columnGap: 0rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-0-widescreen{--columnGap: 0rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-0-widescreen-only{--columnGap: 0rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-0-fullhd{--columnGap: 0rem}}.columns.is-variable.is-1{--columnGap: .25rem}@media screen and (max-width: 768px){.columns.is-variable.is-1-mobile{--columnGap: .25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-1-tablet{--columnGap: .25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-1-tablet-only{--columnGap: .25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-1-touch{--columnGap: .25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-1-desktop{--columnGap: .25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-1-desktop-only{--columnGap: .25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-1-widescreen{--columnGap: .25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-1-widescreen-only{--columnGap: .25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-1-fullhd{--columnGap: .25rem}}.columns.is-variable.is-2{--columnGap: .5rem}@media screen and (max-width: 768px){.columns.is-variable.is-2-mobile{--columnGap: .5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-2-tablet{--columnGap: .5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-2-tablet-only{--columnGap: .5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-2-touch{--columnGap: .5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-2-desktop{--columnGap: .5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-2-desktop-only{--columnGap: .5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-2-widescreen{--columnGap: .5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-2-widescreen-only{--columnGap: .5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-2-fullhd{--columnGap: .5rem}}.columns.is-variable.is-3{--columnGap: .75rem}@media screen and (max-width: 768px){.columns.is-variable.is-3-mobile{--columnGap: .75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-3-tablet{--columnGap: .75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-3-tablet-only{--columnGap: .75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-3-touch{--columnGap: .75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-3-desktop{--columnGap: .75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-3-desktop-only{--columnGap: .75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-3-widescreen{--columnGap: .75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-3-widescreen-only{--columnGap: .75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-3-fullhd{--columnGap: .75rem}}.columns.is-variable.is-4{--columnGap: 1rem}@media screen and (max-width: 768px){.columns.is-variable.is-4-mobile{--columnGap: 1rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-4-tablet{--columnGap: 1rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-4-tablet-only{--columnGap: 1rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-4-touch{--columnGap: 1rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-4-desktop{--columnGap: 1rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-4-desktop-only{--columnGap: 1rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-4-widescreen{--columnGap: 1rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-4-widescreen-only{--columnGap: 1rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-4-fullhd{--columnGap: 1rem}}.columns.is-variable.is-5{--columnGap: 1.25rem}@media screen and (max-width: 768px){.columns.is-variable.is-5-mobile{--columnGap: 1.25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-5-tablet{--columnGap: 1.25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-5-tablet-only{--columnGap: 1.25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-5-touch{--columnGap: 1.25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-5-desktop{--columnGap: 1.25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-5-desktop-only{--columnGap: 1.25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-5-widescreen{--columnGap: 1.25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-5-widescreen-only{--columnGap: 1.25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-5-fullhd{--columnGap: 1.25rem}}.columns.is-variable.is-6{--columnGap: 1.5rem}@media screen and (max-width: 768px){.columns.is-variable.is-6-mobile{--columnGap: 1.5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-6-tablet{--columnGap: 1.5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-6-tablet-only{--columnGap: 1.5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-6-touch{--columnGap: 1.5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-6-desktop{--columnGap: 1.5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-6-desktop-only{--columnGap: 1.5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-6-widescreen{--columnGap: 1.5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-6-widescreen-only{--columnGap: 1.5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-6-fullhd{--columnGap: 1.5rem}}.columns.is-variable.is-7{--columnGap: 1.75rem}@media screen and (max-width: 768px){.columns.is-variable.is-7-mobile{--columnGap: 1.75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-7-tablet{--columnGap: 1.75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-7-tablet-only{--columnGap: 1.75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-7-touch{--columnGap: 1.75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-7-desktop{--columnGap: 1.75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-7-desktop-only{--columnGap: 1.75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-7-widescreen{--columnGap: 1.75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-7-widescreen-only{--columnGap: 1.75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-7-fullhd{--columnGap: 1.75rem}}.columns.is-variable.is-8{--columnGap: 2rem}@media screen and (max-width: 768px){.columns.is-variable.is-8-mobile{--columnGap: 2rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-8-tablet{--columnGap: 2rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-8-tablet-only{--columnGap: 2rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-8-touch{--columnGap: 2rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-8-desktop{--columnGap: 2rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-8-desktop-only{--columnGap: 2rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-8-widescreen{--columnGap: 2rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-8-widescreen-only{--columnGap: 2rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-8-fullhd{--columnGap: 2rem}}.navigation-menu{display:block}.navigation-menu .card-header{padding:6px 20px;align-items:center;justify-content:space-between;background-color:#4c7194;color:#fff}.navigation-menu .card-title{font-size:13px;line-height:16px}.navigation-menu .card-content{padding:12px 0 24px;background-color:#fefaef}@media screen and (min-width: 768px),print{.navigation-menu .card-content{padding:8px 0 24px}}.navigation-menu .menu{font-size:13px;line-height:16px;color:#193957;font-weight:400;overflow-x:hidden;overflow-y:auto;width:100%!important;max-width:100%!important}@media screen and (min-width: 928px){.navigation-menu .menu{width:15.5rem!important;min-width:15.5rem!important;max-width:15.5rem!important;padding:20px 0;border-style:solid;border-color:#ffc000;border-width:1px 0}}.navigation-menu .menu.fixed-top{transform:translate3d(0,6.75rem,0)}.navigation-menu .menu.sticky{position:sticky;top:6.75rem}.navigation-menu .collapse{width:100%;justify-content:left}.navigation-menu a{text-decoration:none!important}.navigation-menu a:focus,.navigation-menu a:active{outline:0!important}.navigation-menu .cursor-default{cursor:default!important}.navigation-menu .gap-4{gap:4px}.navigation-menu .he-menu-item{color:#193957}.navigation-menu .he-menu-item__label,.navigation-menu .he-menu-item__title{display:block;color:#193957!important}.navigation-menu .he-menu-item--with-icon>span:first-child{height:20px;width:20px;min-width:20px}.navigation-menu .he-menu-item__icon{color:#193957;height:20px;width:20px}.navigation-menu .he-menu-item--primary,.navigation-menu .he-menu-item--secondary,.navigation-menu .he-menu-item--nested{gap:10px}.navigation-menu .he-menu-item--primary{margin:12px 0;padding:6px 5px}.navigation-menu .he-menu-item--secondary{cursor:pointer;padding:0 0 0 35px}.navigation-menu .he-menu-item--secondary>a:first-child,.navigation-menu .he-menu-item--secondary>span:first-child{margin-left:20px}.navigation-menu .he-menu-item--nested{padding:0 0 0 55px}.navigation-menu .he-menu-item__label{padding:4px 5px;border-radius:3px;align-self:stretch;flex:1 1 0}.navigation-menu .he-menu-item__label--selectable:not(.link-active):hover{background-color:#fefaef}.navigation-menu .he-menu-item__caret-icon{color:#ffc000;width:10px}.navigation-menu .he-menu-item__nested-border{width:1px;align-self:stretch;background-color:#ffc000}.navigation-menu .grid-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;align-items:start;gap:4px;grid-auto-flow:dense}.navigation-menu .grid-list .he-menu-item__label{padding:4px 0}.navigation-menu .nested-row{margin-top:-4px;margin-bottom:-4px;padding:0 42px;border-top:solid 1px #ffc000;border-bottom:solid 1px #ffc000;background-color:#fff7e1;grid-column:1/4}.navigation-menu .nested-row__list{display:flex;flex-wrap:wrap;gap:4px}.navigation-menu .nested-row__item{display:flex;padding:4px 10px;align-items:center;gap:10px}.navigation-menu .nested-row__item-label{color:#193957!important;text-decoration:none!important}.navigation-menu .nested-row__item-bullet-point{color:#ffc000}.navigation-menu .link-active{background-color:#ffe8a3;color:#193957!important}.navigation-menu .is-grid-menu .link-active{background-color:#ffe8a3}.navigation-menu.column+.column{overflow:hidden;width:100%}@media screen and (min-width: 928px){.navigation-menu.is-collapsed .menu{max-width:2.8rem!important;min-width:2.8rem!important;width:2.8rem!important}.navigation-menu.is-collapsed span.no-collapse{display:block;text-align:center}.navigation-menu.is-collapsed span.no-collapse~span{display:none}.navigation-menu.column+.column{max-width:calc(100% - 17rem)}.navigation-menu.is-collapsed.column+.column{max-width:calc(100% - 4.3rem)}}.navigation-menu.is-small .he-menu-item--primary{margin:0}\n"], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: NavigationMenuComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-navigation-menu', encapsulation: ViewEncapsulation.None, standalone: true, imports: [FaIconComponent, NgTemplateOutlet, RouterLinkActive, RouterLink, NgClass, SvgIconComponent, AsyncPipe], template: "<aside class=\"menu\" [class.sticky]=\"sticky\" [style.max-height]=\"maxHeight\">\n  <div class=\"ng-content-outer-container\">\n    <ng-content select=\"[outer-content]\"></ng-content>\n  </div>\n\n  <div [class.card]=\"responsiveService.isTouch()\">\n    @if (responsiveService.isTouch()) {\n      <header class=\"card-header\">\n        <span class=\"card-title has-text-weight-bold\">Menu</span>\n        <button class=\"card-header-icon p-0\" (click)=\"opened = !opened\">\n          <span class=\"icon\">\n            <fa-icon class=\"fa-xl\" [icon]=\"opened ? faAngleUp : faAngleDown\"></fa-icon>\n          </span>\n        </button>\n      </header>\n    }\n\n    <div [class.card-content]=\"responsiveService.isTouch()\" [class.is-hidden]=\"!opened\">\n      @if (collapsible) {\n        <button class=\"button collapse is-small is-white\" (click)=\"toggle()\">\n          <fa-icon [icon]=\"faAngleDoubleLeft\" [class.is-hidden]=\"collapsed\"></fa-icon>\n          <fa-icon [icon]=\"faAngleDoubleRight\" [class.is-hidden]=\"!collapsed\"></fa-icon>\n          <span class=\"ml-2\" i18n=\"@@collapse\" [class.is-hidden]=\"collapsed\">Collapse</span>\n        </button>\n      }\n\n      <div class=\"ng-content-inner-container\">\n        <ng-content select=\"[inner-content]\"></ng-content>\n      </div>\n\n      @if (responsiveService.isTablet$ | async) {\n        <ng-container *ngTemplateOutlet=\"gridMenu\"></ng-container>\n      } @else {\n        <ul class=\"is-block-menu\">\n          @for (primaryLink of links; track primaryLink; let primaryLinkIndex = $index) {\n            <li>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  primaryLink.url ? primaryLinkContentUrl : primaryLinkContentNoUrl;\n                  context: { $implicit: primaryLink }\n                \"></ng-container>\n            </li>\n            @if (primaryLink.links?.length) {\n              <ul class=\"is-flex is-flex-direction-column is-align-items-stretch gap-4\">\n                @for (secondaryLink of primaryLink.links; track secondaryLink) {\n                  <li\n                    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--secondary\"\n                    (click)=\"\n                      secondaryLink.url ? $event.stopPropagation() : toggleLinks(secondaryLink, primaryLinkIndex)\n                    \">\n                    @if (!!secondaryLink.links?.length) {\n                      <fa-icon\n                        [icon]=\"secondaryLink.expanded ? faCaretDown : faCaretRight\"\n                        (click)=\"$event.stopPropagation(); toggleLinks(secondaryLink, primaryLinkIndex)\"\n                        size=\"sm\"\n                        class=\"is-inline-block | he-menu-item__caret-icon\"></fa-icon>\n                    }\n                    <a\n                      [routerLink]=\"secondaryLink.url\"\n                      [queryParams]=\"secondaryLink.queryParams\"\n                      [fragment]=\"secondaryLink.fragment\"\n                      [routerLinkActiveOptions]=\"secondaryLink.activeMatchOptions || routerLinkMatchOptions\"\n                      routerLinkActive=\"link-active\"\n                      class=\"he-menu-item__label he-menu-item__label--selectable\"\n                      [ngClass]=\"{ 'he-menu-item__label--selectable': !!secondaryLink?.url }\">\n                      <span [innerHTML]=\"secondaryLink.title\"></span>\n                    </a>\n                  </li>\n                  @if (secondaryLink?.links?.length) {\n                    <li [class.is-hidden]=\"!secondaryLink.expanded\">\n                      <ul>\n                        @for (nestedItem of secondaryLink.links; track nestedItem) {\n                          <li class=\"is-flex is-align-items-center he-menu-item--nested\">\n                            <div class=\"he-menu-item__nested-border\"></div>\n                            <a\n                              [routerLink]=\"nestedItem.url\"\n                              [queryParams]=\"nestedItem.queryParams\"\n                              [fragment]=\"nestedItem.fragment\"\n                              [routerLinkActiveOptions]=\"nestedItem.activeMatchOptions || routerLinkMatchOptions\"\n                              routerLinkActive=\"link-active\"\n                              (isActiveChange)=\"$event && listActiveLinkChange(secondaryLink)\"\n                              class=\"he-menu-item__label he-menu-item__label--selectable\">\n                              <span [innerHTML]=\"nestedItem.title\"></span>\n                            </a>\n                          </li>\n                        }\n                      </ul>\n                    </li>\n                  }\n                }\n              </ul>\n            }\n          }\n        </ul>\n      }\n    </div>\n  </div>\n</aside>\n\n<ng-template #primaryLinkContent let-link>\n  <span class=\"is-inline-block has-text-centered\">\n    <svg-icon class=\"is-inline-block\" [name]=\"link.icon\" svgClass=\"he-menu-item__icon\"></svg-icon>\n  </span>\n  <span class=\"has-text-weight-bold he-menu-item__title\" [innerHTML]=\"link.title\"></span>\n</ng-template>\n\n<ng-template #primaryLinkContentNoUrl let-link>\n  <span\n    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--primary has-text-weight-bold\"\n    [class.he-menu-item--with-icon]=\"withPrimaryIcons\">\n    <ng-container *ngTemplateOutlet=\"primaryLinkContent; context: { $implicit: link }\"></ng-container>\n  </span>\n</ng-template>\n\n<ng-template #primaryLinkContentUrl let-link>\n  <a\n    [routerLink]=\"link.url\"\n    [queryParams]=\"link.queryParams\"\n    [fragment]=\"link.fragment\"\n    routerLinkActive=\"link-active\"\n    [routerLinkActiveOptions]=\"{ exact: true }\"\n    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--primary\"\n    [class.has-text-weight-bold]=\"link.links?.length > 0\"\n    [class.he-menu-item--with-icon]=\"withPrimaryIcons\">\n    <ng-container *ngTemplateOutlet=\"primaryLinkContent; context: { $implicit: link }\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #secondaryLinkContent let-link>\n  <span class=\"he-menu-item__label\" [innerHTML]=\"link.title\"></span>\n</ng-template>\n\n<ng-template #gridMenu>\n  <ul class=\"is-grid-menu\">\n    @for (primaryLink of links; track primaryLink; let primaryLinkIndex = $index) {\n      <li>\n        <ng-container\n          *ngTemplateOutlet=\"\n            primaryLink.url ? primaryLinkContentUrl : primaryLinkContentNoUrl;\n            context: { $implicit: primaryLink }\n          \"></ng-container>\n      </li>\n      @if (!!primaryLink.links?.length) {\n        <ul class=\"grid-list\">\n          @for (secondaryLink of primaryLink.links; track secondaryLink) {\n            <a\n              class=\"is-flex is-align-items-center | he-menu-item he-menu-item--secondary\"\n              (click)=\"secondaryLink.url ? $event.stopPropagation() : toggleLinks(secondaryLink, primaryLinkIndex)\"\n              [routerLink]=\"secondaryLink.url\"\n              [queryParams]=\"secondaryLink.queryParams\"\n              [fragment]=\"secondaryLink.fragment\"\n              [routerLinkActiveOptions]=\"secondaryLink.activeMatchOptions || routerLinkMatchOptions\"\n              routerLinkActive=\"link-active\">\n              @if (!!secondaryLink.links?.length) {\n                <fa-icon\n                  [icon]=\"secondaryLink.expanded ? faCaretDown : faCaretRight\"\n                  (click)=\"\n                    $event.stopPropagation(); $event.preventDefault(); toggleLinks(secondaryLink, primaryLinkIndex)\n                  \"\n                  size=\"sm\"\n                  class=\"is-inline-block | he-menu-item__caret-icon\"></fa-icon>\n              }\n              <ng-container\n                *ngTemplateOutlet=\"secondaryLinkContent; context: { $implicit: secondaryLink }\"></ng-container>\n            </a>\n            @if (!!secondaryLink.links?.length) {\n              <li class=\"nested-row\" [ngClass]=\"{ 'is-hidden': !secondaryLink.expanded }\">\n                <ul class=\"nested-row__list\">\n                  @for (item of secondaryLink.links; track item) {\n                    <li>\n                      <a\n                        class=\"nested-row__item\"\n                        [routerLink]=\"item.url\"\n                        [queryParams]=\"item.queryParams\"\n                        [fragment]=\"item.fragment\"\n                        [routerLinkActiveOptions]=\"item.activeMatchOptions || routerLinkMatchOptions\"\n                        (isActiveChange)=\"$event && listActiveLinkChange(secondaryLink)\"\n                        routerLinkActive=\"link-active\">\n                        <svg-icon\n                          name=\"bullet-point\"\n                          class=\"nested-row__item-bullet-point\"\n                          svgClass=\"is-flex is-align-items-center\"></svg-icon>\n                        <span class=\"nested-row__item-label\" [innerHTML]=\"item.title\"></span>\n                      </a>\n                    </li>\n                  }\n                </ul>\n              </li>\n            }\n          }\n        </ul>\n      }\n    }\n  </ul>\n</ng-template>\n", styles: [".column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}.columns.is-mobile>.column.is-narrow{flex:none;width:unset}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-0{flex:none;width:0%}.columns.is-mobile>.column.is-offset-0{margin-left:0%}.columns.is-mobile>.column.is-1{flex:none;width:8.33333337%}.columns.is-mobile>.column.is-offset-1{margin-left:8.33333337%}.columns.is-mobile>.column.is-2{flex:none;width:16.66666674%}.columns.is-mobile>.column.is-offset-2{margin-left:16.66666674%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.33333337%}.columns.is-mobile>.column.is-offset-4{margin-left:33.33333337%}.columns.is-mobile>.column.is-5{flex:none;width:41.66666674%}.columns.is-mobile>.column.is-offset-5{margin-left:41.66666674%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.33333337%}.columns.is-mobile>.column.is-offset-7{margin-left:58.33333337%}.columns.is-mobile>.column.is-8{flex:none;width:66.66666674%}.columns.is-mobile>.column.is-offset-8{margin-left:66.66666674%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.33333337%}.columns.is-mobile>.column.is-offset-10{margin-left:83.33333337%}.columns.is-mobile>.column.is-11{flex:none;width:91.66666674%}.columns.is-mobile>.column.is-offset-11{margin-left:91.66666674%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width: 768px){.column.is-narrow-mobile{flex:none;width:unset}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-0-mobile{flex:none;width:0%}.column.is-offset-0-mobile{margin-left:0%}.column.is-1-mobile{flex:none;width:8.33333337%}.column.is-offset-1-mobile{margin-left:8.33333337%}.column.is-2-mobile{flex:none;width:16.66666674%}.column.is-offset-2-mobile{margin-left:16.66666674%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{flex:none;width:33.33333337%}.column.is-offset-4-mobile{margin-left:33.33333337%}.column.is-5-mobile{flex:none;width:41.66666674%}.column.is-offset-5-mobile{margin-left:41.66666674%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{flex:none;width:58.33333337%}.column.is-offset-7-mobile{margin-left:58.33333337%}.column.is-8-mobile{flex:none;width:66.66666674%}.column.is-offset-8-mobile{margin-left:66.66666674%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{flex:none;width:83.33333337%}.column.is-offset-10-mobile{margin-left:83.33333337%}.column.is-11-mobile{flex:none;width:91.66666674%}.column.is-offset-11-mobile{margin-left:91.66666674%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width: 769px),print{.column.is-narrow,.column.is-narrow-tablet{flex:none;width:unset}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-0,.column.is-0-tablet{flex:none;width:0%}.column.is-offset-0,.column.is-offset-0-tablet{margin-left:0%}.column.is-1,.column.is-1-tablet{flex:none;width:8.33333337%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.33333337%}.column.is-2,.column.is-2-tablet{flex:none;width:16.66666674%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.66666674%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.33333337%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.33333337%}.column.is-5,.column.is-5-tablet{flex:none;width:41.66666674%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.66666674%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.33333337%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.33333337%}.column.is-8,.column.is-8-tablet{flex:none;width:66.66666674%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.66666674%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.33333337%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.33333337%}.column.is-11,.column.is-11-tablet{flex:none;width:91.66666674%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.66666674%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width: 1023px){.column.is-narrow-touch{flex:none;width:unset}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-0-touch{flex:none;width:0%}.column.is-offset-0-touch{margin-left:0%}.column.is-1-touch{flex:none;width:8.33333337%}.column.is-offset-1-touch{margin-left:8.33333337%}.column.is-2-touch{flex:none;width:16.66666674%}.column.is-offset-2-touch{margin-left:16.66666674%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{flex:none;width:33.33333337%}.column.is-offset-4-touch{margin-left:33.33333337%}.column.is-5-touch{flex:none;width:41.66666674%}.column.is-offset-5-touch{margin-left:41.66666674%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{flex:none;width:58.33333337%}.column.is-offset-7-touch{margin-left:58.33333337%}.column.is-8-touch{flex:none;width:66.66666674%}.column.is-offset-8-touch{margin-left:66.66666674%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{flex:none;width:83.33333337%}.column.is-offset-10-touch{margin-left:83.33333337%}.column.is-11-touch{flex:none;width:91.66666674%}.column.is-offset-11-touch{margin-left:91.66666674%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none;width:unset}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-0-desktop{flex:none;width:0%}.column.is-offset-0-desktop{margin-left:0%}.column.is-1-desktop{flex:none;width:8.33333337%}.column.is-offset-1-desktop{margin-left:8.33333337%}.column.is-2-desktop{flex:none;width:16.66666674%}.column.is-offset-2-desktop{margin-left:16.66666674%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{flex:none;width:33.33333337%}.column.is-offset-4-desktop{margin-left:33.33333337%}.column.is-5-desktop{flex:none;width:41.66666674%}.column.is-offset-5-desktop{margin-left:41.66666674%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{flex:none;width:58.33333337%}.column.is-offset-7-desktop{margin-left:58.33333337%}.column.is-8-desktop{flex:none;width:66.66666674%}.column.is-offset-8-desktop{margin-left:66.66666674%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{flex:none;width:83.33333337%}.column.is-offset-10-desktop{margin-left:83.33333337%}.column.is-11-desktop{flex:none;width:91.66666674%}.column.is-offset-11-desktop{margin-left:91.66666674%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width: 1216px){.column.is-narrow-widescreen{flex:none;width:unset}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-0-widescreen{flex:none;width:0%}.column.is-offset-0-widescreen{margin-left:0%}.column.is-1-widescreen{flex:none;width:8.33333337%}.column.is-offset-1-widescreen{margin-left:8.33333337%}.column.is-2-widescreen{flex:none;width:16.66666674%}.column.is-offset-2-widescreen{margin-left:16.66666674%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{flex:none;width:33.33333337%}.column.is-offset-4-widescreen{margin-left:33.33333337%}.column.is-5-widescreen{flex:none;width:41.66666674%}.column.is-offset-5-widescreen{margin-left:41.66666674%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{flex:none;width:58.33333337%}.column.is-offset-7-widescreen{margin-left:58.33333337%}.column.is-8-widescreen{flex:none;width:66.66666674%}.column.is-offset-8-widescreen{margin-left:66.66666674%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{flex:none;width:83.33333337%}.column.is-offset-10-widescreen{margin-left:83.33333337%}.column.is-11-widescreen{flex:none;width:91.66666674%}.column.is-offset-11-widescreen{margin-left:91.66666674%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width: 1408px){.column.is-narrow-fullhd{flex:none;width:unset}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-0-fullhd{flex:none;width:0%}.column.is-offset-0-fullhd{margin-left:0%}.column.is-1-fullhd{flex:none;width:8.33333337%}.column.is-offset-1-fullhd{margin-left:8.33333337%}.column.is-2-fullhd{flex:none;width:16.66666674%}.column.is-offset-2-fullhd{margin-left:16.66666674%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{flex:none;width:33.33333337%}.column.is-offset-4-fullhd{margin-left:33.33333337%}.column.is-5-fullhd{flex:none;width:41.66666674%}.column.is-offset-5-fullhd{margin-left:41.66666674%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{flex:none;width:58.33333337%}.column.is-offset-7-fullhd{margin-left:58.33333337%}.column.is-8-fullhd{flex:none;width:66.66666674%}.column.is-offset-8-fullhd{margin-left:66.66666674%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{flex:none;width:83.33333337%}.column.is-offset-10-fullhd{margin-left:83.33333337%}.column.is-11-fullhd{flex:none;width:91.66666674%}.column.is-offset-11-fullhd{margin-left:91.66666674%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:.75rem}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:1.5rem}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}@media screen and (min-width: 769px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width: 1024px){.columns.is-desktop{display:flex}}.columns.is-variable{--columnGap: .75rem;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap: 0rem}@media screen and (max-width: 768px){.columns.is-variable.is-0-mobile{--columnGap: 0rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-0-tablet{--columnGap: 0rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-0-tablet-only{--columnGap: 0rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-0-touch{--columnGap: 0rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-0-desktop{--columnGap: 0rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-0-desktop-only{--columnGap: 0rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-0-widescreen{--columnGap: 0rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-0-widescreen-only{--columnGap: 0rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-0-fullhd{--columnGap: 0rem}}.columns.is-variable.is-1{--columnGap: .25rem}@media screen and (max-width: 768px){.columns.is-variable.is-1-mobile{--columnGap: .25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-1-tablet{--columnGap: .25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-1-tablet-only{--columnGap: .25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-1-touch{--columnGap: .25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-1-desktop{--columnGap: .25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-1-desktop-only{--columnGap: .25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-1-widescreen{--columnGap: .25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-1-widescreen-only{--columnGap: .25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-1-fullhd{--columnGap: .25rem}}.columns.is-variable.is-2{--columnGap: .5rem}@media screen and (max-width: 768px){.columns.is-variable.is-2-mobile{--columnGap: .5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-2-tablet{--columnGap: .5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-2-tablet-only{--columnGap: .5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-2-touch{--columnGap: .5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-2-desktop{--columnGap: .5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-2-desktop-only{--columnGap: .5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-2-widescreen{--columnGap: .5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-2-widescreen-only{--columnGap: .5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-2-fullhd{--columnGap: .5rem}}.columns.is-variable.is-3{--columnGap: .75rem}@media screen and (max-width: 768px){.columns.is-variable.is-3-mobile{--columnGap: .75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-3-tablet{--columnGap: .75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-3-tablet-only{--columnGap: .75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-3-touch{--columnGap: .75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-3-desktop{--columnGap: .75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-3-desktop-only{--columnGap: .75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-3-widescreen{--columnGap: .75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-3-widescreen-only{--columnGap: .75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-3-fullhd{--columnGap: .75rem}}.columns.is-variable.is-4{--columnGap: 1rem}@media screen and (max-width: 768px){.columns.is-variable.is-4-mobile{--columnGap: 1rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-4-tablet{--columnGap: 1rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-4-tablet-only{--columnGap: 1rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-4-touch{--columnGap: 1rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-4-desktop{--columnGap: 1rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-4-desktop-only{--columnGap: 1rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-4-widescreen{--columnGap: 1rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-4-widescreen-only{--columnGap: 1rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-4-fullhd{--columnGap: 1rem}}.columns.is-variable.is-5{--columnGap: 1.25rem}@media screen and (max-width: 768px){.columns.is-variable.is-5-mobile{--columnGap: 1.25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-5-tablet{--columnGap: 1.25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-5-tablet-only{--columnGap: 1.25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-5-touch{--columnGap: 1.25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-5-desktop{--columnGap: 1.25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-5-desktop-only{--columnGap: 1.25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-5-widescreen{--columnGap: 1.25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-5-widescreen-only{--columnGap: 1.25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-5-fullhd{--columnGap: 1.25rem}}.columns.is-variable.is-6{--columnGap: 1.5rem}@media screen and (max-width: 768px){.columns.is-variable.is-6-mobile{--columnGap: 1.5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-6-tablet{--columnGap: 1.5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-6-tablet-only{--columnGap: 1.5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-6-touch{--columnGap: 1.5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-6-desktop{--columnGap: 1.5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-6-desktop-only{--columnGap: 1.5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-6-widescreen{--columnGap: 1.5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-6-widescreen-only{--columnGap: 1.5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-6-fullhd{--columnGap: 1.5rem}}.columns.is-variable.is-7{--columnGap: 1.75rem}@media screen and (max-width: 768px){.columns.is-variable.is-7-mobile{--columnGap: 1.75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-7-tablet{--columnGap: 1.75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-7-tablet-only{--columnGap: 1.75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-7-touch{--columnGap: 1.75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-7-desktop{--columnGap: 1.75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-7-desktop-only{--columnGap: 1.75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-7-widescreen{--columnGap: 1.75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-7-widescreen-only{--columnGap: 1.75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-7-fullhd{--columnGap: 1.75rem}}.columns.is-variable.is-8{--columnGap: 2rem}@media screen and (max-width: 768px){.columns.is-variable.is-8-mobile{--columnGap: 2rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-8-tablet{--columnGap: 2rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-8-tablet-only{--columnGap: 2rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-8-touch{--columnGap: 2rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-8-desktop{--columnGap: 2rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-8-desktop-only{--columnGap: 2rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-8-widescreen{--columnGap: 2rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-8-widescreen-only{--columnGap: 2rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-8-fullhd{--columnGap: 2rem}}.navigation-menu{display:block}.navigation-menu .card-header{padding:6px 20px;align-items:center;justify-content:space-between;background-color:#4c7194;color:#fff}.navigation-menu .card-title{font-size:13px;line-height:16px}.navigation-menu .card-content{padding:12px 0 24px;background-color:#fefaef}@media screen and (min-width: 768px),print{.navigation-menu .card-content{padding:8px 0 24px}}.navigation-menu .menu{font-size:13px;line-height:16px;color:#193957;font-weight:400;overflow-x:hidden;overflow-y:auto;width:100%!important;max-width:100%!important}@media screen and (min-width: 928px){.navigation-menu .menu{width:15.5rem!important;min-width:15.5rem!important;max-width:15.5rem!important;padding:20px 0;border-style:solid;border-color:#ffc000;border-width:1px 0}}.navigation-menu .menu.fixed-top{transform:translate3d(0,6.75rem,0)}.navigation-menu .menu.sticky{position:sticky;top:6.75rem}.navigation-menu .collapse{width:100%;justify-content:left}.navigation-menu a{text-decoration:none!important}.navigation-menu a:focus,.navigation-menu a:active{outline:0!important}.navigation-menu .cursor-default{cursor:default!important}.navigation-menu .gap-4{gap:4px}.navigation-menu .he-menu-item{color:#193957}.navigation-menu .he-menu-item__label,.navigation-menu .he-menu-item__title{display:block;color:#193957!important}.navigation-menu .he-menu-item--with-icon>span:first-child{height:20px;width:20px;min-width:20px}.navigation-menu .he-menu-item__icon{color:#193957;height:20px;width:20px}.navigation-menu .he-menu-item--primary,.navigation-menu .he-menu-item--secondary,.navigation-menu .he-menu-item--nested{gap:10px}.navigation-menu .he-menu-item--primary{margin:12px 0;padding:6px 5px}.navigation-menu .he-menu-item--secondary{cursor:pointer;padding:0 0 0 35px}.navigation-menu .he-menu-item--secondary>a:first-child,.navigation-menu .he-menu-item--secondary>span:first-child{margin-left:20px}.navigation-menu .he-menu-item--nested{padding:0 0 0 55px}.navigation-menu .he-menu-item__label{padding:4px 5px;border-radius:3px;align-self:stretch;flex:1 1 0}.navigation-menu .he-menu-item__label--selectable:not(.link-active):hover{background-color:#fefaef}.navigation-menu .he-menu-item__caret-icon{color:#ffc000;width:10px}.navigation-menu .he-menu-item__nested-border{width:1px;align-self:stretch;background-color:#ffc000}.navigation-menu .grid-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;align-items:start;gap:4px;grid-auto-flow:dense}.navigation-menu .grid-list .he-menu-item__label{padding:4px 0}.navigation-menu .nested-row{margin-top:-4px;margin-bottom:-4px;padding:0 42px;border-top:solid 1px #ffc000;border-bottom:solid 1px #ffc000;background-color:#fff7e1;grid-column:1/4}.navigation-menu .nested-row__list{display:flex;flex-wrap:wrap;gap:4px}.navigation-menu .nested-row__item{display:flex;padding:4px 10px;align-items:center;gap:10px}.navigation-menu .nested-row__item-label{color:#193957!important;text-decoration:none!important}.navigation-menu .nested-row__item-bullet-point{color:#ffc000}.navigation-menu .link-active{background-color:#ffe8a3;color:#193957!important}.navigation-menu .is-grid-menu .link-active{background-color:#ffe8a3}.navigation-menu.column+.column{overflow:hidden;width:100%}@media screen and (min-width: 928px){.navigation-menu.is-collapsed .menu{max-width:2.8rem!important;min-width:2.8rem!important;width:2.8rem!important}.navigation-menu.is-collapsed span.no-collapse{display:block;text-align:center}.navigation-menu.is-collapsed span.no-collapse~span{display:none}.navigation-menu.column+.column{max-width:calc(100% - 17rem)}.navigation-menu.is-collapsed.column+.column{max-width:calc(100% - 4.3rem)}}.navigation-menu.is-small .he-menu-item--primary{margin:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { sticky: [{
-                type: Input
-            }], collapsible: [{
-                type: Input
-            }], links: [{
-                type: Input
-            }], routerLinkMatchOptions: [{
-                type: Input
-            }], classes: [{
+            args: [{ selector: 'he-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [FaIconComponent, NgTemplateOutlet, RouterLinkActive, RouterLink, NgClass, SvgIconComponent, AsyncPipe], template: "<aside class=\"menu\" [class.sticky]=\"sticky()\" [style.max-height]=\"maxHeight\">\n  <div class=\"ng-content-outer-container\">\n    <ng-content select=\"[outer-content]\"></ng-content>\n  </div>\n\n  <div [class.card]=\"responsiveService.isTouch()\">\n    @if (responsiveService.isTouch()) {\n      <header class=\"card-header\">\n        <span class=\"card-title has-text-weight-bold\">Menu</span>\n        <button class=\"card-header-icon p-0\" (click)=\"opened = !opened\">\n          <span class=\"icon\">\n            <fa-icon class=\"fa-xl\" [icon]=\"opened ? faAngleUp : faAngleDown\"></fa-icon>\n          </span>\n        </button>\n      </header>\n    }\n\n    <div [class.card-content]=\"responsiveService.isTouch()\" [class.is-hidden]=\"!opened\">\n      @if (collapsible()) {\n        <button class=\"button collapse is-small is-white\" (click)=\"toggle()\">\n          <fa-icon [icon]=\"faAngleDoubleLeft\" [class.is-hidden]=\"collapsed\"></fa-icon>\n          <fa-icon [icon]=\"faAngleDoubleRight\" [class.is-hidden]=\"!collapsed\"></fa-icon>\n          <span class=\"ml-2\" i18n=\"@@collapse\" [class.is-hidden]=\"collapsed\">Collapse</span>\n        </button>\n      }\n\n      <div class=\"ng-content-inner-container\">\n        <ng-content select=\"[inner-content]\"></ng-content>\n      </div>\n\n      @if (responsiveService.isTablet$ | async) {\n        <ng-container *ngTemplateOutlet=\"gridMenu\"></ng-container>\n      } @else {\n        <ul class=\"is-block-menu\">\n          @for (primaryLink of links(); track primaryLink; let primaryLinkIndex = $index) {\n            <li>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  primaryLink.url ? primaryLinkContentUrl : primaryLinkContentNoUrl;\n                  context: { $implicit: primaryLink }\n                \"></ng-container>\n            </li>\n            @if (primaryLink.links?.length) {\n              <ul class=\"is-flex is-flex-direction-column is-align-items-stretch gap-4\">\n                @for (secondaryLink of primaryLink.links; track secondaryLink) {\n                  <li\n                    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--secondary\"\n                    (click)=\"\n                      secondaryLink.url ? $event.stopPropagation() : toggleLinks(secondaryLink, primaryLinkIndex)\n                    \">\n                    @if (!!secondaryLink.links?.length) {\n                      <fa-icon\n                        [icon]=\"secondaryLink.expanded ? faCaretDown : faCaretRight\"\n                        (click)=\"$event.stopPropagation(); toggleLinks(secondaryLink, primaryLinkIndex)\"\n                        size=\"sm\"\n                        class=\"is-inline-block | he-menu-item__caret-icon\"></fa-icon>\n                    }\n                    <a\n                      [routerLink]=\"secondaryLink.url\"\n                      [queryParams]=\"secondaryLink.queryParams\"\n                      [fragment]=\"secondaryLink.fragment\"\n                      [routerLinkActiveOptions]=\"secondaryLink.activeMatchOptions || routerLinkMatchOptions()\"\n                      routerLinkActive=\"link-active\"\n                      class=\"he-menu-item__label he-menu-item__label--selectable\"\n                      [ngClass]=\"{ 'he-menu-item__label--selectable': !!secondaryLink?.url }\">\n                      <span [innerHTML]=\"secondaryLink.title\"></span>\n                    </a>\n                  </li>\n                  @if (secondaryLink?.links?.length) {\n                    <li [class.is-hidden]=\"!secondaryLink.expanded\">\n                      <ul>\n                        @for (nestedItem of secondaryLink.links; track nestedItem) {\n                          <li class=\"is-flex is-align-items-center he-menu-item--nested\">\n                            <div class=\"he-menu-item__nested-border\"></div>\n                            <a\n                              [routerLink]=\"nestedItem.url\"\n                              [queryParams]=\"nestedItem.queryParams\"\n                              [fragment]=\"nestedItem.fragment\"\n                              [routerLinkActiveOptions]=\"nestedItem.activeMatchOptions || routerLinkMatchOptions()\"\n                              routerLinkActive=\"link-active\"\n                              (isActiveChange)=\"$event && listActiveLinkChange(secondaryLink)\"\n                              class=\"he-menu-item__label he-menu-item__label--selectable\">\n                              <span [innerHTML]=\"nestedItem.title\"></span>\n                            </a>\n                          </li>\n                        }\n                      </ul>\n                    </li>\n                  }\n                }\n              </ul>\n            }\n          }\n        </ul>\n      }\n    </div>\n  </div>\n</aside>\n\n<ng-template #primaryLinkContent let-link>\n  <span class=\"is-inline-block has-text-centered\">\n    <svg-icon class=\"is-inline-block\" [name]=\"link.icon\" svgClass=\"he-menu-item__icon\"></svg-icon>\n  </span>\n  <span class=\"has-text-weight-bold he-menu-item__title\" [innerHTML]=\"link.title\"></span>\n</ng-template>\n\n<ng-template #primaryLinkContentNoUrl let-link>\n  <span\n    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--primary has-text-weight-bold\"\n    [class.he-menu-item--with-icon]=\"withPrimaryIcons()\">\n    <ng-container *ngTemplateOutlet=\"primaryLinkContent; context: { $implicit: link }\"></ng-container>\n  </span>\n</ng-template>\n\n<ng-template #primaryLinkContentUrl let-link>\n  <a\n    [routerLink]=\"link.url\"\n    [queryParams]=\"link.queryParams\"\n    [fragment]=\"link.fragment\"\n    routerLinkActive=\"link-active\"\n    [routerLinkActiveOptions]=\"{ exact: true }\"\n    class=\"is-flex is-align-items-center | he-menu-item he-menu-item--primary\"\n    [class.has-text-weight-bold]=\"link.links?.length > 0\"\n    [class.he-menu-item--with-icon]=\"withPrimaryIcons()\">\n    <ng-container *ngTemplateOutlet=\"primaryLinkContent; context: { $implicit: link }\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #secondaryLinkContent let-link>\n  <span class=\"he-menu-item__label\" [innerHTML]=\"link.title\"></span>\n</ng-template>\n\n<ng-template #gridMenu>\n  <ul class=\"is-grid-menu\">\n    @for (primaryLink of links(); track primaryLink; let primaryLinkIndex = $index) {\n      <li>\n        <ng-container\n          *ngTemplateOutlet=\"\n            primaryLink.url ? primaryLinkContentUrl : primaryLinkContentNoUrl;\n            context: { $implicit: primaryLink }\n          \"></ng-container>\n      </li>\n      @if (!!primaryLink.links?.length) {\n        <ul class=\"grid-list\">\n          @for (secondaryLink of primaryLink.links; track secondaryLink) {\n            <a\n              class=\"is-flex is-align-items-center | he-menu-item he-menu-item--secondary\"\n              (click)=\"secondaryLink.url ? $event.stopPropagation() : toggleLinks(secondaryLink, primaryLinkIndex)\"\n              [routerLink]=\"secondaryLink.url\"\n              [queryParams]=\"secondaryLink.queryParams\"\n              [fragment]=\"secondaryLink.fragment\"\n              [routerLinkActiveOptions]=\"secondaryLink.activeMatchOptions || routerLinkMatchOptions()\"\n              routerLinkActive=\"link-active\">\n              @if (!!secondaryLink.links?.length) {\n                <fa-icon\n                  [icon]=\"secondaryLink.expanded ? faCaretDown : faCaretRight\"\n                  (click)=\"\n                    $event.stopPropagation(); $event.preventDefault(); toggleLinks(secondaryLink, primaryLinkIndex)\n                  \"\n                  size=\"sm\"\n                  class=\"is-inline-block | he-menu-item__caret-icon\"></fa-icon>\n              }\n              <ng-container\n                *ngTemplateOutlet=\"secondaryLinkContent; context: { $implicit: secondaryLink }\"></ng-container>\n            </a>\n            @if (!!secondaryLink.links?.length) {\n              <li class=\"nested-row\" [ngClass]=\"{ 'is-hidden': !secondaryLink.expanded }\">\n                <ul class=\"nested-row__list\">\n                  @for (item of secondaryLink.links; track item) {\n                    <li>\n                      <a\n                        class=\"nested-row__item\"\n                        [routerLink]=\"item.url\"\n                        [queryParams]=\"item.queryParams\"\n                        [fragment]=\"item.fragment\"\n                        [routerLinkActiveOptions]=\"item.activeMatchOptions || routerLinkMatchOptions()\"\n                        (isActiveChange)=\"$event && listActiveLinkChange(secondaryLink)\"\n                        routerLinkActive=\"link-active\">\n                        <svg-icon\n                          name=\"bullet-point\"\n                          class=\"nested-row__item-bullet-point\"\n                          svgClass=\"is-flex is-align-items-center\"></svg-icon>\n                        <span class=\"nested-row__item-label\" [innerHTML]=\"item.title\"></span>\n                      </a>\n                    </li>\n                  }\n                </ul>\n              </li>\n            }\n          }\n        </ul>\n      }\n    }\n  </ul>\n</ng-template>\n", styles: [".column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}.columns.is-mobile>.column.is-narrow{flex:none;width:unset}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-0{flex:none;width:0%}.columns.is-mobile>.column.is-offset-0{margin-left:0%}.columns.is-mobile>.column.is-1{flex:none;width:8.33333337%}.columns.is-mobile>.column.is-offset-1{margin-left:8.33333337%}.columns.is-mobile>.column.is-2{flex:none;width:16.66666674%}.columns.is-mobile>.column.is-offset-2{margin-left:16.66666674%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.33333337%}.columns.is-mobile>.column.is-offset-4{margin-left:33.33333337%}.columns.is-mobile>.column.is-5{flex:none;width:41.66666674%}.columns.is-mobile>.column.is-offset-5{margin-left:41.66666674%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.33333337%}.columns.is-mobile>.column.is-offset-7{margin-left:58.33333337%}.columns.is-mobile>.column.is-8{flex:none;width:66.66666674%}.columns.is-mobile>.column.is-offset-8{margin-left:66.66666674%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.33333337%}.columns.is-mobile>.column.is-offset-10{margin-left:83.33333337%}.columns.is-mobile>.column.is-11{flex:none;width:91.66666674%}.columns.is-mobile>.column.is-offset-11{margin-left:91.66666674%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width: 768px){.column.is-narrow-mobile{flex:none;width:unset}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-0-mobile{flex:none;width:0%}.column.is-offset-0-mobile{margin-left:0%}.column.is-1-mobile{flex:none;width:8.33333337%}.column.is-offset-1-mobile{margin-left:8.33333337%}.column.is-2-mobile{flex:none;width:16.66666674%}.column.is-offset-2-mobile{margin-left:16.66666674%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{flex:none;width:33.33333337%}.column.is-offset-4-mobile{margin-left:33.33333337%}.column.is-5-mobile{flex:none;width:41.66666674%}.column.is-offset-5-mobile{margin-left:41.66666674%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{flex:none;width:58.33333337%}.column.is-offset-7-mobile{margin-left:58.33333337%}.column.is-8-mobile{flex:none;width:66.66666674%}.column.is-offset-8-mobile{margin-left:66.66666674%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{flex:none;width:83.33333337%}.column.is-offset-10-mobile{margin-left:83.33333337%}.column.is-11-mobile{flex:none;width:91.66666674%}.column.is-offset-11-mobile{margin-left:91.66666674%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width: 769px),print{.column.is-narrow,.column.is-narrow-tablet{flex:none;width:unset}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-0,.column.is-0-tablet{flex:none;width:0%}.column.is-offset-0,.column.is-offset-0-tablet{margin-left:0%}.column.is-1,.column.is-1-tablet{flex:none;width:8.33333337%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.33333337%}.column.is-2,.column.is-2-tablet{flex:none;width:16.66666674%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.66666674%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.33333337%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.33333337%}.column.is-5,.column.is-5-tablet{flex:none;width:41.66666674%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.66666674%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.33333337%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.33333337%}.column.is-8,.column.is-8-tablet{flex:none;width:66.66666674%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.66666674%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.33333337%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.33333337%}.column.is-11,.column.is-11-tablet{flex:none;width:91.66666674%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.66666674%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width: 1023px){.column.is-narrow-touch{flex:none;width:unset}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-0-touch{flex:none;width:0%}.column.is-offset-0-touch{margin-left:0%}.column.is-1-touch{flex:none;width:8.33333337%}.column.is-offset-1-touch{margin-left:8.33333337%}.column.is-2-touch{flex:none;width:16.66666674%}.column.is-offset-2-touch{margin-left:16.66666674%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{flex:none;width:33.33333337%}.column.is-offset-4-touch{margin-left:33.33333337%}.column.is-5-touch{flex:none;width:41.66666674%}.column.is-offset-5-touch{margin-left:41.66666674%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{flex:none;width:58.33333337%}.column.is-offset-7-touch{margin-left:58.33333337%}.column.is-8-touch{flex:none;width:66.66666674%}.column.is-offset-8-touch{margin-left:66.66666674%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{flex:none;width:83.33333337%}.column.is-offset-10-touch{margin-left:83.33333337%}.column.is-11-touch{flex:none;width:91.66666674%}.column.is-offset-11-touch{margin-left:91.66666674%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none;width:unset}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-0-desktop{flex:none;width:0%}.column.is-offset-0-desktop{margin-left:0%}.column.is-1-desktop{flex:none;width:8.33333337%}.column.is-offset-1-desktop{margin-left:8.33333337%}.column.is-2-desktop{flex:none;width:16.66666674%}.column.is-offset-2-desktop{margin-left:16.66666674%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{flex:none;width:33.33333337%}.column.is-offset-4-desktop{margin-left:33.33333337%}.column.is-5-desktop{flex:none;width:41.66666674%}.column.is-offset-5-desktop{margin-left:41.66666674%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{flex:none;width:58.33333337%}.column.is-offset-7-desktop{margin-left:58.33333337%}.column.is-8-desktop{flex:none;width:66.66666674%}.column.is-offset-8-desktop{margin-left:66.66666674%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{flex:none;width:83.33333337%}.column.is-offset-10-desktop{margin-left:83.33333337%}.column.is-11-desktop{flex:none;width:91.66666674%}.column.is-offset-11-desktop{margin-left:91.66666674%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width: 1216px){.column.is-narrow-widescreen{flex:none;width:unset}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-0-widescreen{flex:none;width:0%}.column.is-offset-0-widescreen{margin-left:0%}.column.is-1-widescreen{flex:none;width:8.33333337%}.column.is-offset-1-widescreen{margin-left:8.33333337%}.column.is-2-widescreen{flex:none;width:16.66666674%}.column.is-offset-2-widescreen{margin-left:16.66666674%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{flex:none;width:33.33333337%}.column.is-offset-4-widescreen{margin-left:33.33333337%}.column.is-5-widescreen{flex:none;width:41.66666674%}.column.is-offset-5-widescreen{margin-left:41.66666674%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{flex:none;width:58.33333337%}.column.is-offset-7-widescreen{margin-left:58.33333337%}.column.is-8-widescreen{flex:none;width:66.66666674%}.column.is-offset-8-widescreen{margin-left:66.66666674%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{flex:none;width:83.33333337%}.column.is-offset-10-widescreen{margin-left:83.33333337%}.column.is-11-widescreen{flex:none;width:91.66666674%}.column.is-offset-11-widescreen{margin-left:91.66666674%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width: 1408px){.column.is-narrow-fullhd{flex:none;width:unset}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-0-fullhd{flex:none;width:0%}.column.is-offset-0-fullhd{margin-left:0%}.column.is-1-fullhd{flex:none;width:8.33333337%}.column.is-offset-1-fullhd{margin-left:8.33333337%}.column.is-2-fullhd{flex:none;width:16.66666674%}.column.is-offset-2-fullhd{margin-left:16.66666674%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{flex:none;width:33.33333337%}.column.is-offset-4-fullhd{margin-left:33.33333337%}.column.is-5-fullhd{flex:none;width:41.66666674%}.column.is-offset-5-fullhd{margin-left:41.66666674%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{flex:none;width:58.33333337%}.column.is-offset-7-fullhd{margin-left:58.33333337%}.column.is-8-fullhd{flex:none;width:66.66666674%}.column.is-offset-8-fullhd{margin-left:66.66666674%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{flex:none;width:83.33333337%}.column.is-offset-10-fullhd{margin-left:83.33333337%}.column.is-11-fullhd{flex:none;width:91.66666674%}.column.is-offset-11-fullhd{margin-left:91.66666674%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:.75rem}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:1.5rem}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}@media screen and (min-width: 769px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width: 1024px){.columns.is-desktop{display:flex}}.columns.is-variable{--columnGap: .75rem;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap: 0rem}@media screen and (max-width: 768px){.columns.is-variable.is-0-mobile{--columnGap: 0rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-0-tablet{--columnGap: 0rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-0-tablet-only{--columnGap: 0rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-0-touch{--columnGap: 0rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-0-desktop{--columnGap: 0rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-0-desktop-only{--columnGap: 0rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-0-widescreen{--columnGap: 0rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-0-widescreen-only{--columnGap: 0rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-0-fullhd{--columnGap: 0rem}}.columns.is-variable.is-1{--columnGap: .25rem}@media screen and (max-width: 768px){.columns.is-variable.is-1-mobile{--columnGap: .25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-1-tablet{--columnGap: .25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-1-tablet-only{--columnGap: .25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-1-touch{--columnGap: .25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-1-desktop{--columnGap: .25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-1-desktop-only{--columnGap: .25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-1-widescreen{--columnGap: .25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-1-widescreen-only{--columnGap: .25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-1-fullhd{--columnGap: .25rem}}.columns.is-variable.is-2{--columnGap: .5rem}@media screen and (max-width: 768px){.columns.is-variable.is-2-mobile{--columnGap: .5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-2-tablet{--columnGap: .5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-2-tablet-only{--columnGap: .5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-2-touch{--columnGap: .5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-2-desktop{--columnGap: .5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-2-desktop-only{--columnGap: .5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-2-widescreen{--columnGap: .5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-2-widescreen-only{--columnGap: .5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-2-fullhd{--columnGap: .5rem}}.columns.is-variable.is-3{--columnGap: .75rem}@media screen and (max-width: 768px){.columns.is-variable.is-3-mobile{--columnGap: .75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-3-tablet{--columnGap: .75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-3-tablet-only{--columnGap: .75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-3-touch{--columnGap: .75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-3-desktop{--columnGap: .75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-3-desktop-only{--columnGap: .75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-3-widescreen{--columnGap: .75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-3-widescreen-only{--columnGap: .75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-3-fullhd{--columnGap: .75rem}}.columns.is-variable.is-4{--columnGap: 1rem}@media screen and (max-width: 768px){.columns.is-variable.is-4-mobile{--columnGap: 1rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-4-tablet{--columnGap: 1rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-4-tablet-only{--columnGap: 1rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-4-touch{--columnGap: 1rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-4-desktop{--columnGap: 1rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-4-desktop-only{--columnGap: 1rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-4-widescreen{--columnGap: 1rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-4-widescreen-only{--columnGap: 1rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-4-fullhd{--columnGap: 1rem}}.columns.is-variable.is-5{--columnGap: 1.25rem}@media screen and (max-width: 768px){.columns.is-variable.is-5-mobile{--columnGap: 1.25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-5-tablet{--columnGap: 1.25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-5-tablet-only{--columnGap: 1.25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-5-touch{--columnGap: 1.25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-5-desktop{--columnGap: 1.25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-5-desktop-only{--columnGap: 1.25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-5-widescreen{--columnGap: 1.25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-5-widescreen-only{--columnGap: 1.25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-5-fullhd{--columnGap: 1.25rem}}.columns.is-variable.is-6{--columnGap: 1.5rem}@media screen and (max-width: 768px){.columns.is-variable.is-6-mobile{--columnGap: 1.5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-6-tablet{--columnGap: 1.5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-6-tablet-only{--columnGap: 1.5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-6-touch{--columnGap: 1.5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-6-desktop{--columnGap: 1.5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-6-desktop-only{--columnGap: 1.5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-6-widescreen{--columnGap: 1.5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-6-widescreen-only{--columnGap: 1.5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-6-fullhd{--columnGap: 1.5rem}}.columns.is-variable.is-7{--columnGap: 1.75rem}@media screen and (max-width: 768px){.columns.is-variable.is-7-mobile{--columnGap: 1.75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-7-tablet{--columnGap: 1.75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-7-tablet-only{--columnGap: 1.75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-7-touch{--columnGap: 1.75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-7-desktop{--columnGap: 1.75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-7-desktop-only{--columnGap: 1.75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-7-widescreen{--columnGap: 1.75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-7-widescreen-only{--columnGap: 1.75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-7-fullhd{--columnGap: 1.75rem}}.columns.is-variable.is-8{--columnGap: 2rem}@media screen and (max-width: 768px){.columns.is-variable.is-8-mobile{--columnGap: 2rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-8-tablet{--columnGap: 2rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-8-tablet-only{--columnGap: 2rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-8-touch{--columnGap: 2rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-8-desktop{--columnGap: 2rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-8-desktop-only{--columnGap: 2rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-8-widescreen{--columnGap: 2rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-8-widescreen-only{--columnGap: 2rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-8-fullhd{--columnGap: 2rem}}.navigation-menu{display:block}.navigation-menu .card-header{padding:6px 20px;align-items:center;justify-content:space-between;background-color:#4c7194;color:#fff}.navigation-menu .card-title{font-size:13px;line-height:16px}.navigation-menu .card-content{padding:12px 0 24px;background-color:#fefaef}@media screen and (min-width: 768px),print{.navigation-menu .card-content{padding:8px 0 24px}}.navigation-menu .menu{font-size:13px;line-height:16px;color:#193957;font-weight:400;overflow-x:hidden;overflow-y:auto;width:100%!important;max-width:100%!important}@media screen and (min-width: 928px){.navigation-menu .menu{width:15.5rem!important;min-width:15.5rem!important;max-width:15.5rem!important;padding:20px 0;border-style:solid;border-color:#ffc000;border-width:1px 0}}.navigation-menu .menu.fixed-top{transform:translate3d(0,6.75rem,0)}.navigation-menu .menu.sticky{position:sticky;top:6.75rem}.navigation-menu .collapse{width:100%;justify-content:left}.navigation-menu a{text-decoration:none!important}.navigation-menu a:focus,.navigation-menu a:active{outline:0!important}.navigation-menu .cursor-default{cursor:default!important}.navigation-menu .gap-4{gap:4px}.navigation-menu .he-menu-item{color:#193957}.navigation-menu .he-menu-item__label,.navigation-menu .he-menu-item__title{display:block;color:#193957!important}.navigation-menu .he-menu-item--with-icon>span:first-child{height:20px;width:20px;min-width:20px}.navigation-menu .he-menu-item__icon{color:#193957;height:20px;width:20px}.navigation-menu .he-menu-item--primary,.navigation-menu .he-menu-item--secondary,.navigation-menu .he-menu-item--nested{gap:10px}.navigation-menu .he-menu-item--primary{margin:12px 0;padding:6px 5px}.navigation-menu .he-menu-item--secondary{cursor:pointer;padding:0 0 0 35px}.navigation-menu .he-menu-item--secondary>a:first-child,.navigation-menu .he-menu-item--secondary>span:first-child{margin-left:20px}.navigation-menu .he-menu-item--nested{padding:0 0 0 55px}.navigation-menu .he-menu-item__label{padding:4px 5px;border-radius:3px;align-self:stretch;flex:1 1 0}.navigation-menu .he-menu-item__label--selectable:not(.link-active):hover{background-color:#fefaef}.navigation-menu .he-menu-item__caret-icon{color:#ffc000;width:10px}.navigation-menu .he-menu-item__nested-border{width:1px;align-self:stretch;background-color:#ffc000}.navigation-menu .grid-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;align-items:start;gap:4px;grid-auto-flow:dense}.navigation-menu .grid-list .he-menu-item__label{padding:4px 0}.navigation-menu .nested-row{margin-top:-4px;margin-bottom:-4px;padding:0 42px;border-top:solid 1px #ffc000;border-bottom:solid 1px #ffc000;background-color:#fff7e1;grid-column:1/4}.navigation-menu .nested-row__list{display:flex;flex-wrap:wrap;gap:4px}.navigation-menu .nested-row__item{display:flex;padding:4px 10px;align-items:center;gap:10px}.navigation-menu .nested-row__item-label{color:#193957!important;text-decoration:none!important}.navigation-menu .nested-row__item-bullet-point{color:#ffc000}.navigation-menu .link-active{background-color:#ffe8a3;color:#193957!important}.navigation-menu .is-grid-menu .link-active{background-color:#ffe8a3}.navigation-menu.column+.column{overflow:hidden;width:100%}@media screen and (min-width: 928px){.navigation-menu.is-collapsed .menu{max-width:2.8rem!important;min-width:2.8rem!important;width:2.8rem!important}.navigation-menu.is-collapsed span.no-collapse{display:block;text-align:center}.navigation-menu.is-collapsed span.no-collapse~span{display:none}.navigation-menu.column+.column{max-width:calc(100% - 17rem)}.navigation-menu.is-collapsed.column+.column{max-width:calc(100% - 4.3rem)}}.navigation-menu.is-small .he-menu-item--primary{margin:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { classes: [{
                 type: HostBinding,
                 args: ['class']
             }], isCollapsed: [{
@@ -2694,31 +2659,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
 class SocialTagsComponent {
     constructor() {
         this.meta = inject(Meta);
-        this.config = {};
+        this.config = input({});
         this.classes = 'is-hidden';
-    }
-    ngOnInit() {
-        this.meta.addTag({ charset: 'UTF-8' });
-        const config = {
+        this.configs = computed(() => ({
             'og:url': window.location.href.split('?')[0],
             ...this.config
-        };
-        Object.entries(config).map(([name, content]) => {
-            this.meta.updateTag({ name, content });
-            if (name === 'og:description') {
-                this.meta.updateTag({ name: 'description', content });
-            }
+        }));
+        this.meta.addTag({ charset: 'UTF-8' });
+        effect(() => {
+            Object.entries(this.configs()).map(([name, content]) => {
+                this.meta.updateTag({ name, content });
+                if (name === 'og:description') {
+                    this.meta.updateTag({ name: 'description', content });
+                }
+            });
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: SocialTagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: SocialTagsComponent, isStandalone: true, selector: "he-social-tags", inputs: { config: "config" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<span></span>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: SocialTagsComponent, isStandalone: true, selector: "he-social-tags", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: SocialTagsComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-social-tags', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<span></span>\n" }]
-        }], propDecorators: { config: [{
-                type: Input
-            }], classes: [{
+            args: [{
+                    selector: 'he-social-tags',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true
+                }]
+        }], ctorParameters: () => [], propDecorators: { classes: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
@@ -5182,7 +5150,7 @@ class NodeCsvSelectHeadersComponent {
         this.faAngleLeft = faAngleLeft;
         this.csv = input.required();
         this.csv$ = toObservable(this.csv);
-        this.keys = input.required();
+        this.keys = input([]);
         this.keys$ = toObservable(this.keys);
         this.includeDefaultCSV = input(false);
         this.headersChanged = output();
@@ -5200,7 +5168,7 @@ class NodeCsvSelectHeadersComponent {
         this.headers = signal({});
         this.groups = computed(() => Object.values(this.headers()));
         combineLatest([this.csv$, this.keys$, this.schemas$])
-            .pipe(filter(([csv, keys, schemas]) => [!isUndefined(csv), keys?.length > 0, !isUndefined(schemas)].every(Boolean)), tap(() => this.loading.set(true)), mergeMap(([csv, keys, schemas]) => forkJoin({
+            .pipe(filter(([csv, _keys, schemas]) => [!isUndefined(csv), !isUndefined(schemas)].every(Boolean)), tap(() => this.loading.set(true)), mergeMap(([csv, keys, schemas]) => forkJoin({
             headers: this.schemaService.parseHeaders$(csv),
             keys: of(keys),
             schemas: of(schemas)
@@ -5291,7 +5259,7 @@ class NodeCsvSelectHeadersComponent {
         this.headers.set(headers);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: NodeCsvSelectHeadersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: NodeCsvSelectHeadersComponent, isStandalone: true, selector: "he-node-csv-select-headers", inputs: { csv: { classPropertyName: "csv", publicName: "csv", isSignal: true, isRequired: true, transformFunction: null }, keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: true, transformFunction: null }, includeDefaultCSV: { classPropertyName: "includeDefaultCSV", publicName: "includeDefaultCSV", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headersChanged: "headersChanged" }, ngImport: i0, template: "<p class=\"mb-2\">Please select which columns you would like to include:</p>\n\n<p class=\"my-2 is-size-7\">\n  <i>You can drag and drop the headers to sort them as they would appear in the CSV file.</i>\n</p>\n\n<div class=\"columns toggle-all mx-4 pb-1 mb-0\">\n  <div class=\"column\">\n    <label class=\"checkbox ml-1\">\n      <input type=\"checkbox\" class=\"selector\" [ngModel]=\"allSelected()\" (change)=\"selectAll($event.target.checked)\" />\n      <span class=\"ml-2\">Toggle All</span>\n    </label>\n  </div>\n\n  <div class=\"column is-narrow has-text-right\">\n    <div ngbDropdown container=\"body\" placement=\"bottom-end\">\n      <button ngbDropdownToggle class=\"button is-small\" type=\"button\" id=\"select-menu\">\n        <span>Advanced Filters</span>\n        <span class=\"icon is-small\">\n          <fa-icon [icon]=\"faFilter\" aria-hidden=\"true\"></fa-icon>\n        </span>\n      </button>\n      <div ngbDropdownMenu aria-labelledby=\"select-menu\">\n        <div class=\"dropdown-content\">\n          <a ngbDropdownItem>\n            <label class=\"checkbox ml-1\">\n              <input\n                type=\"checkbox\"\n                class=\"selector\"\n                [ngModel]=\"showNonIncluded()\"\n                (change)=\"showNonIncluded.set($event.target.checked)\" />\n              <span class=\"ml-2\">\n                Include\n                <code>internal</code>\n                fields\n              </span>\n            </label>\n          </a>\n          <div class=\"dropdown-item\">\n            <p>Toggle Term Fields</p>\n          </div>\n          @for (field of termFields; track field) {\n            <div ngbDropdownItem>\n              <label class=\"checkbox ml-1\">\n                <input\n                  type=\"checkbox\"\n                  class=\"selector\"\n                  [checked]=\"isTermFieldSelect(field)\"\n                  (change)=\"toggleTermField($event.target.checked, field)\" />\n                <span class=\"ml-2\">{{ field }}</span>\n              </label>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n@if (loading()) {\n  <div class=\"has-text-center py-3\">\n    <fa-icon [icon]=\"faSpinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n} @else {\n  <div class=\"drag-container\">\n    @for (group of groups(); track group.key) {\n      <div class=\"card\">\n        <header class=\"card-header\">\n          <div class=\"card-header-title\">\n            <label class=\"checkbox ml-1\">\n              <input\n                type=\"checkbox\"\n                class=\"selector\"\n                [indeterminate]=\"group.partialSelected\"\n                [ngModel]=\"group.selected\"\n                (change)=\"updateGroup($event.target.checked, group)\" />\n              <span class=\"ml-2\">{{ group.key }}</span>\n            </label>\n          </div>\n          <span\n            class=\"card-header-icon has-text-secondary\"\n            aria-label=\"open / close\"\n            (click)=\"group.open = !group.open\"\n            pointer>\n            <span class=\"icon\">\n              <fa-icon [icon]=\"faAngleDown\" [class.is-hidden]=\"!group.open\"></fa-icon>\n              <fa-icon [icon]=\"faAngleLeft\" [class.is-hidden]=\"group.open\"></fa-icon>\n            </span>\n          </span>\n        </header>\n        <div class=\"card-content p-3\" [class.is-hidden]=\"!group.open\">\n          <ul cdkDropList (cdkDropListDropped)=\"dropHeader($event, group)\">\n            @for (header of group.headers; track header.key) {\n              @if (header.included || showNonIncluded()) {\n                <li cdkDrag>\n                  <label class=\"checkbox ml-2\">\n                    <input\n                      type=\"checkbox\"\n                      class=\"selector\"\n                      [ngModel]=\"header.selected\"\n                      (change)=\"updateHeader($event.target.checked, group, header)\" />\n                    <span class=\"ml-2\">{{ header.key }}</span>\n                  </label>\n                </li>\n              }\n            }\n          </ul>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [".toggle-all{border-bottom:1px solid #4a4a4a}.drag-container,.table-container{max-height:45vh;overflow-y:auto}.cdk-drag-preview{border-radius:3px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;list-style:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: NodeCsvSelectHeadersComponent, isStandalone: true, selector: "he-node-csv-select-headers", inputs: { csv: { classPropertyName: "csv", publicName: "csv", isSignal: true, isRequired: true, transformFunction: null }, keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null }, includeDefaultCSV: { classPropertyName: "includeDefaultCSV", publicName: "includeDefaultCSV", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headersChanged: "headersChanged" }, ngImport: i0, template: "<p class=\"mb-2\">Please select which columns you would like to include:</p>\n\n<p class=\"my-2 is-size-7\">\n  <i>You can drag and drop the headers to sort them as they would appear in the CSV file.</i>\n</p>\n\n<div class=\"columns toggle-all mx-4 pb-1 mb-0\">\n  <div class=\"column\">\n    <label class=\"checkbox ml-1\">\n      <input type=\"checkbox\" class=\"selector\" [ngModel]=\"allSelected()\" (change)=\"selectAll($event.target.checked)\" />\n      <span class=\"ml-2\">Toggle All</span>\n    </label>\n  </div>\n\n  <div class=\"column is-narrow has-text-right\">\n    <div ngbDropdown container=\"body\" placement=\"bottom-end\">\n      <button ngbDropdownToggle class=\"button is-small\" type=\"button\" id=\"select-menu\">\n        <span>Advanced Filters</span>\n        <span class=\"icon is-small\">\n          <fa-icon [icon]=\"faFilter\" aria-hidden=\"true\"></fa-icon>\n        </span>\n      </button>\n      <div ngbDropdownMenu aria-labelledby=\"select-menu\">\n        <div class=\"dropdown-content\">\n          <a ngbDropdownItem>\n            <label class=\"checkbox ml-1\">\n              <input\n                type=\"checkbox\"\n                class=\"selector\"\n                [ngModel]=\"showNonIncluded()\"\n                (change)=\"showNonIncluded.set($event.target.checked)\" />\n              <span class=\"ml-2\">\n                Include\n                <code>internal</code>\n                fields\n              </span>\n            </label>\n          </a>\n          <div class=\"dropdown-item\">\n            <p>Toggle Term Fields</p>\n          </div>\n          @for (field of termFields; track field) {\n            <div ngbDropdownItem>\n              <label class=\"checkbox ml-1\">\n                <input\n                  type=\"checkbox\"\n                  class=\"selector\"\n                  [checked]=\"isTermFieldSelect(field)\"\n                  (change)=\"toggleTermField($event.target.checked, field)\" />\n                <span class=\"ml-2\">{{ field }}</span>\n              </label>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n@if (loading()) {\n  <div class=\"has-text-center py-3\">\n    <fa-icon [icon]=\"faSpinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n} @else {\n  <div class=\"drag-container\">\n    @for (group of groups(); track group.key) {\n      <div class=\"card\">\n        <header class=\"card-header\">\n          <div class=\"card-header-title\">\n            <label class=\"checkbox ml-1\">\n              <input\n                type=\"checkbox\"\n                class=\"selector\"\n                [indeterminate]=\"group.partialSelected\"\n                [ngModel]=\"group.selected\"\n                (change)=\"updateGroup($event.target.checked, group)\" />\n              <span class=\"ml-2\">{{ group.key }}</span>\n            </label>\n          </div>\n          <span\n            class=\"card-header-icon has-text-secondary\"\n            aria-label=\"open / close\"\n            (click)=\"group.open = !group.open\"\n            pointer>\n            <span class=\"icon\">\n              <fa-icon [icon]=\"faAngleDown\" [class.is-hidden]=\"!group.open\"></fa-icon>\n              <fa-icon [icon]=\"faAngleLeft\" [class.is-hidden]=\"group.open\"></fa-icon>\n            </span>\n          </span>\n        </header>\n        <div class=\"card-content p-3\" [class.is-hidden]=\"!group.open\">\n          <ul cdkDropList (cdkDropListDropped)=\"dropHeader($event, group)\">\n            @for (header of group.headers; track header.key) {\n              @if (header.included || showNonIncluded()) {\n                <li cdkDrag>\n                  <label class=\"checkbox ml-2\">\n                    <input\n                      type=\"checkbox\"\n                      class=\"selector\"\n                      [ngModel]=\"header.selected\"\n                      (change)=\"updateHeader($event.target.checked, group, header)\" />\n                    <span class=\"ml-2\">{{ header.key }}</span>\n                  </label>\n                </li>\n              }\n            }\n          </ul>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [".toggle-all{border-bottom:1px solid #4a4a4a}.drag-container,.table-container{max-height:45vh;overflow-y:auto}.cdk-drag-preview{border-radius:3px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;list-style:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: NodeCsvSelectHeadersComponent, decorators: [{
             type: Component$1,
@@ -5352,11 +5320,11 @@ class NodeCsvExportConfirmComponent {
         this.downloadFilename = computed(() => fileToExt(this.filename(), this.extension()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: NodeCsvExportConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: NodeCsvExportConfirmComponent, isStandalone: true, selector: "he-node-csv-export-confirm", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: true, isRequired: false, transformFunction: null }, headerKeys: { classPropertyName: "headerKeys", publicName: "headerKeys", isSignal: true, isRequired: false, transformFunction: null }, extension: { classPropertyName: "extension", publicName: "extension", isSignal: true, isRequired: false, transformFunction: null }, isUpload: { classPropertyName: "isUpload", publicName: "isUpload", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.emit(true)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      @if (isUpload()) {\n        <div class=\"notification is-info\" role=\"alert\">\n          <span>After Download, you can edit and</span>\n          <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n          <span>to submit your content on the Hestia platform, and your draft will remain unchanged.</span>\n          <p>\n            <span>\n              Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and\n              selecting the exported file.\n            </span>\n          </p>\n        </div>\n      }\n\n      @if (!isUpload() && includedNodes().length > 1) {\n        <p class=\"mb-2\">\n          <b>{{ includedNodes().length }}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes.set(!showIncludeNodes())\">\n            @if (showIncludeNodes()) {\n              Hide list\n            } @else {\n              Show list\n            }\n          </a>\n        </p>\n        @if (showIncludeNodes()) {\n          <he-data-table maxHeight=\"400\">\n            <table class=\"table is-fullwidth is-striped is-mb-0\">\n              <thead>\n                <tr>\n                  <th class=\"width-auto has-border-right\">\n                    <span>Type</span>\n                  </th>\n                  <th>\n                    <span>Name</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (node of includedNodes(); track node) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\">\n                      {{ node.node['@type'] }}\n                    </td>\n                    <td>\n                      <he-node-link [node]=\"node.node\" [showExternalLink]=\"true\">\n                        <span>{{ node.node.name }}</span>\n                      </he-node-link>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n        }\n      }\n\n      <he-node-csv-select-headers\n        [class.is-hidden]=\"isUpload()\"\n        [csv]=\"csvData()\"\n        [keys]=\"headerKeys()\"\n        [includeDefaultCSV]=\"isUpload()\"\n        (headersChanged)=\"headers.set($event)\"></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a\n        class=\"button is-primary\"\n        target=\"_blank\"\n        [attr.disabled]=\"csvContent() ? null : true\"\n        [href]=\"csvContent()\"\n        [attr.download]=\"csvContent() ? downloadFilename() : null\"\n        (click)=\"closed.emit(true)\">\n        <fa-icon class=\"mr-2\" [icon]=\"faDownload\"></fa-icon>\n        <span>Download CSV</span>\n      </a>\n      <button class=\"button is-ghost\" (click)=\"closed.emit(true)\">\n        <span>Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvSelectHeadersComponent, selector: "he-node-csv-select-headers", inputs: ["csv", "keys", "includeDefaultCSV"], outputs: ["headersChanged"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: NodeCsvExportConfirmComponent, isStandalone: true, selector: "he-node-csv-export-confirm", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: true, isRequired: false, transformFunction: null }, headerKeys: { classPropertyName: "headerKeys", publicName: "headerKeys", isSignal: true, isRequired: false, transformFunction: null }, extension: { classPropertyName: "extension", publicName: "extension", isSignal: true, isRequired: false, transformFunction: null }, isUpload: { classPropertyName: "isUpload", publicName: "isUpload", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.emit(true)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      @if (isUpload()) {\n        <div class=\"notification is-info\" role=\"alert\">\n          <span>After Download, you can edit and</span>\n          <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n          <span>to submit your content on the Hestia platform, and your draft will remain unchanged.</span>\n          <p>\n            <span>\n              Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and\n              selecting the exported file.\n            </span>\n          </p>\n        </div>\n\n      } @else if (includedNodes().length > 1) {\n        <p class=\"mb-2\">\n          <b>{{ includedNodes().length }}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes.set(!showIncludeNodes())\">\n            @if (showIncludeNodes()) {\n              Hide list\n            } @else {\n              Show list\n            }\n          </a>\n        </p>\n        @if (showIncludeNodes()) {\n          <he-data-table maxHeight=\"400\">\n            <table class=\"table is-fullwidth is-striped is-mb-0\">\n              <thead>\n                <tr>\n                  <th class=\"width-auto has-border-right\">\n                    <span>Type</span>\n                  </th>\n                  <th>\n                    <span>Name</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (node of includedNodes(); track node) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\">\n                      {{ node.node['@type'] }}\n                    </td>\n                    <td>\n                      <he-node-link [node]=\"node.node\" [showExternalLink]=\"true\">\n                        <span>{{ node.node.name }}</span>\n                      </he-node-link>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n        }\n      }\n\n      <he-node-csv-select-headers\n        [class.is-hidden]=\"isUpload()\"\n        [csv]=\"csvData()\"\n        [keys]=\"headerKeys()\"\n        [includeDefaultCSV]=\"isUpload()\"\n        (headersChanged)=\"headers.set($event)\"></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a\n        class=\"button is-primary\"\n        target=\"_blank\"\n        [attr.disabled]=\"csvContent() ? null : true\"\n        [href]=\"csvContent()\"\n        [attr.download]=\"csvContent() ? downloadFilename() : null\"\n        (click)=\"closed.emit(true)\">\n        <fa-icon class=\"mr-2\" [icon]=\"faDownload\"></fa-icon>\n        <span>Download CSV</span>\n      </a>\n      <button class=\"button is-ghost\" (click)=\"closed.emit(true)\">\n        <span>Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvSelectHeadersComponent, selector: "he-node-csv-select-headers", inputs: ["csv", "keys", "includeDefaultCSV"], outputs: ["headersChanged"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: NodeCsvExportConfirmComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-node-csv-export-confirm', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [RouterLink, DataTableComponent, NodeLinkComponent, NodeCsvSelectHeadersComponent, FaIconComponent], template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.emit(true)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      @if (isUpload()) {\n        <div class=\"notification is-info\" role=\"alert\">\n          <span>After Download, you can edit and</span>\n          <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n          <span>to submit your content on the Hestia platform, and your draft will remain unchanged.</span>\n          <p>\n            <span>\n              Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and\n              selecting the exported file.\n            </span>\n          </p>\n        </div>\n      }\n\n      @if (!isUpload() && includedNodes().length > 1) {\n        <p class=\"mb-2\">\n          <b>{{ includedNodes().length }}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes.set(!showIncludeNodes())\">\n            @if (showIncludeNodes()) {\n              Hide list\n            } @else {\n              Show list\n            }\n          </a>\n        </p>\n        @if (showIncludeNodes()) {\n          <he-data-table maxHeight=\"400\">\n            <table class=\"table is-fullwidth is-striped is-mb-0\">\n              <thead>\n                <tr>\n                  <th class=\"width-auto has-border-right\">\n                    <span>Type</span>\n                  </th>\n                  <th>\n                    <span>Name</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (node of includedNodes(); track node) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\">\n                      {{ node.node['@type'] }}\n                    </td>\n                    <td>\n                      <he-node-link [node]=\"node.node\" [showExternalLink]=\"true\">\n                        <span>{{ node.node.name }}</span>\n                      </he-node-link>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n        }\n      }\n\n      <he-node-csv-select-headers\n        [class.is-hidden]=\"isUpload()\"\n        [csv]=\"csvData()\"\n        [keys]=\"headerKeys()\"\n        [includeDefaultCSV]=\"isUpload()\"\n        (headersChanged)=\"headers.set($event)\"></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a\n        class=\"button is-primary\"\n        target=\"_blank\"\n        [attr.disabled]=\"csvContent() ? null : true\"\n        [href]=\"csvContent()\"\n        [attr.download]=\"csvContent() ? downloadFilename() : null\"\n        (click)=\"closed.emit(true)\">\n        <fa-icon class=\"mr-2\" [icon]=\"faDownload\"></fa-icon>\n        <span>Download CSV</span>\n      </a>\n      <button class=\"button is-ghost\" (click)=\"closed.emit(true)\">\n        <span>Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'he-node-csv-export-confirm', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [RouterLink, DataTableComponent, NodeLinkComponent, NodeCsvSelectHeadersComponent, FaIconComponent], template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.emit(true)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      @if (isUpload()) {\n        <div class=\"notification is-info\" role=\"alert\">\n          <span>After Download, you can edit and</span>\n          <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n          <span>to submit your content on the Hestia platform, and your draft will remain unchanged.</span>\n          <p>\n            <span>\n              Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and\n              selecting the exported file.\n            </span>\n          </p>\n        </div>\n\n      } @else if (includedNodes().length > 1) {\n        <p class=\"mb-2\">\n          <b>{{ includedNodes().length }}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes.set(!showIncludeNodes())\">\n            @if (showIncludeNodes()) {\n              Hide list\n            } @else {\n              Show list\n            }\n          </a>\n        </p>\n        @if (showIncludeNodes()) {\n          <he-data-table maxHeight=\"400\">\n            <table class=\"table is-fullwidth is-striped is-mb-0\">\n              <thead>\n                <tr>\n                  <th class=\"width-auto has-border-right\">\n                    <span>Type</span>\n                  </th>\n                  <th>\n                    <span>Name</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (node of includedNodes(); track node) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\">\n                      {{ node.node['@type'] }}\n                    </td>\n                    <td>\n                      <he-node-link [node]=\"node.node\" [showExternalLink]=\"true\">\n                        <span>{{ node.node.name }}</span>\n                      </he-node-link>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n        }\n      }\n\n      <he-node-csv-select-headers\n        [class.is-hidden]=\"isUpload()\"\n        [csv]=\"csvData()\"\n        [keys]=\"headerKeys()\"\n        [includeDefaultCSV]=\"isUpload()\"\n        (headersChanged)=\"headers.set($event)\"></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a\n        class=\"button is-primary\"\n        target=\"_blank\"\n        [attr.disabled]=\"csvContent() ? null : true\"\n        [href]=\"csvContent()\"\n        [attr.download]=\"csvContent() ? downloadFilename() : null\"\n        (click)=\"closed.emit(true)\">\n        <fa-icon class=\"mr-2\" [icon]=\"faDownload\"></fa-icon>\n        <span>Download CSV</span>\n      </a>\n      <button class=\"button is-ghost\" (click)=\"closed.emit(true)\">\n        <span>Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n" }]
         }] });
 
 /* eslint-disable complexity */