@byuhbll/components 4.0.0-alpha.3 → 4.0.0-alpha.5

package/fesm2022/byuhbll-components.mjs

@@ -1,79 +1,727 @@
 import * as i1 from '@angular/common';
-import { DatePipe, LowerCasePipe, CommonModule } from '@angular/common';
+import { CommonModule, DatePipe, LowerCasePipe } from '@angular/common';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Pipe, inject, Renderer2, input, EventEmitter, viewChild, computed, Component, Output, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild, Input, input, EventEmitter, Output, inject, ViewChildren, Pipe, ElementRef, HostListener, Renderer2, viewChild, ViewEncapsulation } from '@angular/core';
 import { trigger, transition, group, style, query, animateChild, animate } from '@angular/animations';
-import * as i2$1 from '@angular/forms';
-import { FormControl, ReactiveFormsModule, NonNullableFormBuilder, Validators, FormBuilder } from '@angular/forms';
+import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
+import { map, Subject, of, Subscription, switchMap as switchMap$1, shareReplay, combineLatest } from 'rxjs';
+import * as i2 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule, FormControl, NonNullableFormBuilder } from '@angular/forms';
+import { switchMap, startWith, catchError, tap, map as map$1, filter } from 'rxjs/operators';
+import urlcat from 'urlcat';
+import { jwtDecode } from 'jwt-decode';
 import * as i3$1 from '@angular/material/tooltip';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
-import { startWith, map, filter, tap } from 'rxjs/operators';
-import { combineLatest, Subscription } from 'rxjs';
 import { MatIconModule } from '@angular/material/icon';
 import * as i4 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i3 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i2 from '@angular/material/chips';
+import * as i2$1 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import * as i5 from '@angular/material/core';
 
-const LIBRARY_HOURS_API_URL = 'https://apps.lib.byu.edu/libraryhours/api/hours';
-class LibraryHoursDatePipe {
+const libHbllExpandCollapse = trigger('libHbllExpandCollapse', [
+    transition('void <=> *', []),
+    transition('* <=> *', [
+        group([
+            style({ height: '{{startHeight}}px' }),
+            query('@*', [animateChild()], { optional: true }),
+            animate('.15s ease-in-out'),
+        ]),
+    ], { params: { startHeight: '0px' } }),
+]);
+const libHbllFadeInOut = trigger('libHbllFadeInOut', [
+    transition(':enter', [style({ opacity: '0' }), animate('.15s ease-out')]),
+    transition(':leave', [animate('.15s ease-out', style({ opacity: '0' }))]),
+]);
+const libHbllFadeIn = trigger('libHbllFadeIn', [
+    transition(':enter', [style({ opacity: '0' }), animate('.15s ease-out')]),
+]);
+const libHbllFadeOut = trigger('libHbllFadeOut', [
+    transition(':leave', [animate('.15s ease-out', style({ opacity: '0' }))]),
+]);
+const libHbllSlideInOutRightLeft = trigger('libHbllSlideInOutRightLeft', [
+    transition(':enter', [
+        style({
+            transform: 'translateX(+100%)',
+        }),
+        animate('200ms ease-in-out', style({
+            transform: 'translateX(0)',
+        })),
+    ]),
+    transition(':leave', [
+        style({
+            transform: 'translateX(0)',
+        }),
+        animate('200ms ease-in-out', style({
+            transform: 'translateX(+100%)',
+        })),
+    ]),
+]);
+
+class ExpandCollapseComponent {
+    constructor() {
+        this._isExpanded = false;
+        this.heightOfContent = 0;
+    }
+    set isExpanded(isExpanded) {
+        this.heightOfContent = this.contentRef?.nativeElement.clientHeight;
+        this._isExpanded = isExpanded;
+    }
+    get isExpanded() {
+        return this._isExpanded;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ExpandCollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ExpandCollapseComponent, isStandalone: true, selector: "lib-expand-collapse", inputs: { isExpanded: "isExpanded" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }], ngImport: i0, template: "<div\n    #contentRef\n    [@libHbllExpandCollapse]=\"{\n        value: isExpanded,\n        params: { startHeight: heightOfContent },\n    }\"\n    class=\"content-wrapper\"\n    [ngClass]=\"{ collapsed: !isExpanded }\"\n>\n    <div *ngIf=\"isExpanded\" @libHbllFadeInOut data-testid=\"content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".collapsed{height:0}.content-wrapper{overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [libHbllExpandCollapse, libHbllFadeInOut], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ExpandCollapseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-expand-collapse', changeDetection: ChangeDetectionStrategy.OnPush, animations: [libHbllExpandCollapse, libHbllFadeInOut], standalone: true, imports: [CommonModule], template: "<div\n    #contentRef\n    [@libHbllExpandCollapse]=\"{\n        value: isExpanded,\n        params: { startHeight: heightOfContent },\n    }\"\n    class=\"content-wrapper\"\n    [ngClass]=\"{ collapsed: !isExpanded }\"\n>\n    <div *ngIf=\"isExpanded\" @libHbllFadeInOut data-testid=\"content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".collapsed{height:0}.content-wrapper{overflow:hidden}\n"] }]
+        }], propDecorators: { contentRef: [{
+                type: ViewChild,
+                args: ['contentRef']
+            }], isExpanded: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class NavBarDropdownComponent {
+    constructor() {
+        this.title = input.required();
+        this.isSmallScreen = input(true);
+        this.openEvent = new EventEmitter();
+        // Public to be called by parent comp.
+        this.closeDropdown = () => (this.isOpen = false);
+        this.isOpen = false;
+        this.handleClick = () => {
+            if (!this.isOpen)
+                this.openEvent.emit(this.title());
+            this.isOpen = !this.isOpen;
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NavBarDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: NavBarDropdownComponent, isStandalone: true, selector: "lib-nav-bar-dropdown", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, isSmallScreen: { classPropertyName: "isSmallScreen", publicName: "isSmallScreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openEvent: "openEvent" }, ngImport: i0, template: "<span\n    class=\"dropdown-wrapper\"\n    data-testid=\"wrapper\"\n    [ngClass]=\"{ desktop: !isSmallScreen() }\"\n    (mouseenter)=\"!isSmallScreen() && (this.isOpen = true)\"\n    (mouseleave)=\"!isSmallScreen() && (this.isOpen = false)\"\n>\n    <button (click)=\"handleClick()\" data-testid=\"btn\">\n        {{ title() }}\n        <span class=\"material-symbols-outlined icon\">\n            {{ 'keyboard_arrow_' + (isOpen ? 'up' : 'down') }}\n        </span>\n    </button>\n    @if (!isSmallScreen()) {\n        @if (isOpen) {\n            <div class=\"dropdown\" data-testid=\"dropdown\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        }\n    } @else {\n        <lib-expand-collapse [isExpanded]=\"isOpen\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </lib-expand-collapse>\n    }\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".dropdown-wrapper.desktop button{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}.dropdown-wrapper.desktop button .icon{font-size:1.3em;margin-bottom:-.1em}.dropdown-wrapper.desktop button:hover{background-color:#0047ba;color:#fff}.dropdown-wrapper button{justify-content:flex-end;font-size:1.3em;color:#fff;display:flex;align-items:center;width:100%;padding:.6em;border-bottom:1px solid rgba(255,255,255,.3)}.dropdown-wrapper button .icon{margin-left:.2em}.dropdown-wrapper.desktop:hover button{background-color:#0047ba;color:#fff}.dropdown-wrapper.desktop .dropdown{position:absolute;z-index:11;width:100%;top:100%;left:0;background-color:#0047ba}\n"], dependencies: [{ kind: "component", type: ExpandCollapseComponent, selector: "lib-expand-collapse", inputs: ["isExpanded"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NavBarDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-nav-bar-dropdown', standalone: true, imports: [ExpandCollapseComponent, CommonModule], template: "<span\n    class=\"dropdown-wrapper\"\n    data-testid=\"wrapper\"\n    [ngClass]=\"{ desktop: !isSmallScreen() }\"\n    (mouseenter)=\"!isSmallScreen() && (this.isOpen = true)\"\n    (mouseleave)=\"!isSmallScreen() && (this.isOpen = false)\"\n>\n    <button (click)=\"handleClick()\" data-testid=\"btn\">\n        {{ title() }}\n        <span class=\"material-symbols-outlined icon\">\n            {{ 'keyboard_arrow_' + (isOpen ? 'up' : 'down') }}\n        </span>\n    </button>\n    @if (!isSmallScreen()) {\n        @if (isOpen) {\n            <div class=\"dropdown\" data-testid=\"dropdown\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        }\n    } @else {\n        <lib-expand-collapse [isExpanded]=\"isOpen\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </lib-expand-collapse>\n    }\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".dropdown-wrapper.desktop button{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}.dropdown-wrapper.desktop button .icon{font-size:1.3em;margin-bottom:-.1em}.dropdown-wrapper.desktop button:hover{background-color:#0047ba;color:#fff}.dropdown-wrapper button{justify-content:flex-end;font-size:1.3em;color:#fff;display:flex;align-items:center;width:100%;padding:.6em;border-bottom:1px solid rgba(255,255,255,.3)}.dropdown-wrapper button .icon{margin-left:.2em}.dropdown-wrapper.desktop:hover button{background-color:#0047ba;color:#fff}.dropdown-wrapper.desktop .dropdown{position:absolute;z-index:11;width:100%;top:100%;left:0;background-color:#0047ba}\n"] }]
+        }], propDecorators: { openEvent: [{
+                type: Output
+            }] } });
+
+/**
+ * Signal that represents if the screen is small.
+ */
+const isScreenSmallSignal = (bo) => toSignal(bo.observe([Breakpoints.Web]).pipe(map((r) => !r.matches)));
+
+const mainSiteBaseUri = 'https://lib.byu.edu';
+class NavBarComponent {
+    constructor() {
+        this.bo = inject(BreakpointObserver);
+        this.height = input(null);
+        // If any section opens up, close all others. Only one section open at a time.
+        this.handleDropdownOpenEvent = (title) => {
+            this.dropdownComps
+                .filter((comp) => comp.title() !== title)
+                .forEach((comp) => {
+                comp.closeDropdown();
+            });
+        };
+        this.isScreenSmall = isScreenSmallSignal(this.bo);
+        this.navInfos = [
+            {
+                title: 'Materials',
+                mainSection: {
+                    title: 'Formats',
+                    links: [
+                        { label: 'Articles', url: `${mainSiteBaseUri}/articles` },
+                        { label: 'Audio', url: `${mainSiteBaseUri}/audio` },
+                        { label: 'Books', url: `${mainSiteBaseUri}/books` },
+                        { label: 'Video', url: `${mainSiteBaseUri}/video` },
+                    ],
+                    auxiliaryLink: {
+                        label: 'See all formats',
+                        url: `${mainSiteBaseUri}/formats`,
+                    },
+                },
+                otherSections: [
+                    {
+                        title: 'Resource Collections',
+                        links: [
+                            {
+                                label: 'Subject Area Collections',
+                                url: `${mainSiteBaseUri}/collections`,
+                            },
+                            { label: 'Databases', url: `${mainSiteBaseUri}/databases` },
+                            { label: 'Journals', url: `${mainSiteBaseUri}/journals` },
+                            {
+                                label: 'Theses & Dissertations',
+                                url: `${mainSiteBaseUri}/theses-and-dissertations`,
+                            },
+                        ],
+                    },
+                    {
+                        title: 'Equipment',
+                        links: [
+                            {
+                                label: 'Available for Checkout',
+                                url: `${mainSiteBaseUri}/services?categories=available-for-checkout`,
+                            },
+                            {
+                                label: 'Available with Reservation',
+                                url: `${mainSiteBaseUri}/services?categories=available-via-reservation`,
+                            },
+                            {
+                                label: 'Public Computers',
+                                url: `${mainSiteBaseUri}/services/public-computers`,
+                            },
+                            {
+                                label: 'Printers and Copying',
+                                url: `${mainSiteBaseUri}/services?categories=printing-and-copying`,
+                            },
+                        ],
+                    },
+                ],
+            },
+            {
+                title: 'Places',
+                mainSection: {
+                    title: 'Popular Places',
+                    links: [
+                        { label: 'Help Desks', url: `${mainSiteBaseUri}/services/help-desks` },
+                        { label: 'Family History', url: `${mainSiteBaseUri}/religion-family-history` },
+                        {
+                            label: 'Research and Writing Center',
+                            url: `${mainSiteBaseUri}/services/research-and-writing-center`,
+                        },
+                        { label: 'Special Collections', url: `${mainSiteBaseUri}/special-collections` },
+                    ],
+                    auxiliaryLink: {
+                        label: 'View Floor Maps',
+                        url: `${mainSiteBaseUri}/floormaps`,
+                    },
+                },
+                otherSections: [
+                    {
+                        title: 'Spaces',
+                        links: [
+                            {
+                                label: 'Collections & Archives',
+                                url: `${mainSiteBaseUri}/services?categories=collections-and-archives`,
+                            },
+                            {
+                                label: 'Group Study Spaces',
+                                url: `${mainSiteBaseUri}/services/group-study-rooms`,
+                            },
+                            {
+                                label: 'Individual Study Spaces',
+                                url: `${mainSiteBaseUri}/services?categories=individual-study-spaces`,
+                            },
+                            {
+                                label: 'Multimedia Creation Spaces',
+                                url: `${mainSiteBaseUri}/services?categories=multimedia-creation`,
+                            },
+                            {
+                                label: 'Video View Spaces',
+                                url: `${mainSiteBaseUri}/services?categories=video-viewing`,
+                            },
+                        ],
+                    },
+                    {
+                        title: 'Rooms',
+                        links: [
+                            {
+                                label: 'Classrooms',
+                                url: `${mainSiteBaseUri}/services?categories=classrooms`,
+                            },
+                            {
+                                label: 'Conference Rooms',
+                                url: `${mainSiteBaseUri}/services?categories=conference-rooms`,
+                            },
+                            {
+                                label: 'Labs & Centers',
+                                url: `${mainSiteBaseUri}/services?categories=labs-and-centers`,
+                            },
+                            {
+                                label: 'Research Rooms',
+                                url: `${mainSiteBaseUri}/services?categories=research-rooms`,
+                            },
+                        ],
+                    },
+                ],
+            },
+            {
+                title: 'Experiences',
+                mainSection: {
+                    title: 'Events',
+                    links: [
+                        {
+                            label: 'Concerts & Film Showings',
+                            url: `${mainSiteBaseUri}/services/motion-picture-archive-series`,
+                        },
+                        { label: 'Lectures', url: `${mainSiteBaseUri}/services?categories=lectures` },
+                        { label: 'News', url: `${mainSiteBaseUri}/about/news` },
+                    ],
+                    auxiliaryLink: {
+                        label: 'See calendar of events',
+                        url: `${mainSiteBaseUri}/events`,
+                    },
+                },
+                otherSections: [
+                    {
+                        title: 'Learning Opportunities',
+                        links: [
+                            {
+                                label: 'Library Instruction Classes',
+                                url: `${mainSiteBaseUri}/library-instruction`,
+                            },
+                            {
+                                label: 'Software Training',
+                                url: `${mainSiteBaseUri}/services/software-training`,
+                            },
+                            {
+                                label: 'Family History Classes & Webinars',
+                                url: `${mainSiteBaseUri}/services/family-history-classes`,
+                            },
+                        ],
+                    },
+                    {
+                        title: 'Displays',
+                        links: [
+                            { label: 'Exhibits', url: `${mainSiteBaseUri}/exhibits` },
+                            {
+                                label: 'Galleries',
+                                url: `${mainSiteBaseUri}/services?categories=galleries-and-exhibits`,
+                            },
+                        ],
+                    },
+                ],
+            },
+            {
+                title: 'Services',
+                mainSection: {
+                    title: 'Services For',
+                    links: [
+                        {
+                            label: 'Current Students',
+                            url: `${mainSiteBaseUri}/services?categories=for-students`,
+                        },
+                        {
+                            label: 'Faculty and Staff',
+                            url: `${mainSiteBaseUri}/services?categories=for-faculty`,
+                        },
+                        {
+                            label: 'Retirees and Alumni',
+                            url: `${mainSiteBaseUri}/services?categories=for-retirees`,
+                        },
+                        {
+                            label: 'Visitors',
+                            url: `${mainSiteBaseUri}/services?categories=for-visitors`,
+                        },
+                    ],
+                    auxiliaryLink: {
+                        label: 'See all Services',
+                        url: `${mainSiteBaseUri}/services`,
+                    },
+                },
+                otherSections: [
+                    {
+                        title: 'Getting Materials',
+                        links: [
+                            {
+                                label: 'Checkout out Materials',
+                                url: `${mainSiteBaseUri}/about/checkout-privileges`,
+                            },
+                            { label: 'Holds & Renewals', url: `${mainSiteBaseUri}/services/holds` },
+                            {
+                                label: 'Borrow from another Library (ILL)',
+                                url: `${mainSiteBaseUri}/services/interlibrary-loan`,
+                            },
+                        ],
+                    },
+                    {
+                        title: 'Other',
+                        links: [
+                            {
+                                label: 'Internships, Fellowships and Grants',
+                                url: `${mainSiteBaseUri}/services?categories=internships-fellowships-grants`,
+                            },
+                            {
+                                label: 'Programs',
+                                url: `${mainSiteBaseUri}/services?categories=programs`,
+                            },
+                            {
+                                label: 'Scholarly Publishing',
+                                url: `${mainSiteBaseUri}/services?categories=creating-and-publishing-materials`,
+                            },
+                        ],
+                    },
+                ],
+            },
+            {
+                title: 'Ask Us',
+                otherSections: [
+                    {
+                        title: 'Get Help',
+                        links: [
+                            {
+                                label: 'Ask a Librarian',
+                                url: `${mainSiteBaseUri}/chat?url=${window.location.href}`,
+                                icon: 'chat_bubble',
+                            },
+                            {
+                                label: 'Library Instruction',
+                                url: `${mainSiteBaseUri}/library-instruction`,
+                            },
+                            { label: 'Research Guides', url: `${mainSiteBaseUri}/guides` },
+                            {
+                                label: 'Help & Guidance',
+                                url: `${mainSiteBaseUri}/services?categories=help-and-guidance`,
+                            },
+                        ],
+                    },
+                    {
+                        title: 'Find a...',
+                        links: [
+                            { label: 'Department', url: `${mainSiteBaseUri}/directory` },
+                            { label: 'Help Desk', url: `${mainSiteBaseUri}/services/help-desks` },
+                            { label: 'Library Employee by Name', url: `${mainSiteBaseUri}/directory` },
+                            {
+                                label: 'Subject Librarian',
+                                url: `${mainSiteBaseUri}/directory#browse-by-subject`,
+                            },
+                        ],
+                    },
+                    {
+                        title: 'About the Library',
+                        links: [
+                            { label: 'General Information', url: `${mainSiteBaseUri}/about` },
+                            { label: 'FAQs', url: `${mainSiteBaseUri}/faq` },
+                        ],
+                    },
+                ],
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NavBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: NavBarComponent, isStandalone: true, selector: "lib-nav-bar", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "dropdownComps", predicate: NavBarDropdownComponent, descendants: true }], ngImport: i0, template: "<nav\n    [style]=\"{ height: height() ? height() + 'px' : 'auto' }\"\n    [ngClass]=\"{ desktop: !isScreenSmall() }\"\n    data-testid=\"nav\"\n>\n    <ul class=\"nav-bar\">\n        <li id=\"navHome\">\n            <a href=\"https://lib.byu.edu\">\n                @if (isScreenSmall()) {\n                    <span class=\"material-symbols-outlined icon\"> home </span>\n                }\n                Home\n            </a>\n        </li>\n        @for (navInfo of navInfos; track navInfo.title) {\n            <li>\n                <lib-nav-bar-dropdown\n                    [title]=\"navInfo.title\"\n                    [isSmallScreen]=\"isScreenSmall() ?? true\"\n                    (openEvent)=\"handleDropdownOpenEvent($event)\"\n                >\n                    <div class=\"content\">\n                        @if (navInfo.mainSection) {\n                            <section>\n                                <h2>{{ navInfo.mainSection.title }}</h2>\n                                <ul class=\"main links\">\n                                    @for (link of navInfo.mainSection.links; track link.label) {\n                                        <li>\n                                            <a [href]=\"link.url\">\n                                                {{ link.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                                @if (navInfo.mainSection.auxiliaryLink) {\n                                    <a\n                                        class=\"see-all\"\n                                        [href]=\"navInfo.mainSection.auxiliaryLink.url\"\n                                    >\n                                        {{ navInfo.mainSection.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                        @for (section of navInfo.otherSections; track section.title) {\n                            <section>\n                                <h3>{{ section.title }}</h3>\n                                <ul class=\"links\">\n                                    @for (link of section.links; track link.label) {\n                                        <li>\n                                            <a [href]=\"link.url\">\n                                                {{ link.label }}\n                                                @if (link.icon) {\n                                                    <span\n                                                        class=\"material-symbols-outlined icon-right\"\n                                                    >\n                                                        {{ link.icon }}\n                                                    </span>\n                                                }\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </section>\n                        }\n                    </div>\n                </lib-nav-bar-dropdown>\n            </li>\n        }\n        <li>\n            <a id=\"navSearch\" href=\"https://lib.byu.edu/search\">\n                @if (isScreenSmall()) {\n                    Search\n                }\n                <span class=\"material-symbols-outlined\" [ngClass]=\"{ icon: isScreenSmall() }\">\n                    search\n                </span>\n            </a>\n        </li>\n    </ul>\n</nav>\n", styles: ["nav.desktop .nav-bar li#navHome a,nav.desktop .nav-bar li #navSearch{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}nav.desktop .nav-bar li#navHome a .icon,nav.desktop .nav-bar li #navSearch .icon{font-size:1.3em;margin-bottom:-.1em}nav.desktop .nav-bar li#navHome a:hover,nav.desktop .nav-bar li #navSearch:hover{background-color:#0047ba;color:#fff}*{box-sizing:border-box}.icon-right{margin-left:.4em}nav{background-color:#0047ba;position:relative;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none}nav li{list-style-type:none}nav ::-webkit-scrollbar{display:none}nav .nav-bar{display:flex;flex-direction:column;align-items:flex-end;margin:0;padding:0}nav .nav-bar .links{padding:0}nav .nav-bar li{width:100%}nav .nav-bar li#navHome .icon{margin-right:.2em}nav .nav-bar li a{color:#fff;display:flex;align-items:center;width:100%;padding:.6em}nav .nav-bar li #navSearch{justify-content:flex-end;font-size:1.3em}nav .nav-bar li #navSearch .icon{margin-left:.2em}nav .nav-bar li .content{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1.4em}nav .nav-bar li .content section{padding-left:3em}nav .nav-bar li .content section:first-of-type{padding-top:1em}nav .nav-bar li .content section h2,nav .nav-bar li .content section h3{font-weight:600;font-size:1.4em;margin-bottom:.2em}nav .nav-bar li .content section+section{margin-top:1.8em}nav .nav-bar li .content section li a{padding:.4em .6em}nav .nav-bar li .content section .see-all{border-top:1px solid rgba(255,255,255,.3);justify-content:flex-end}nav .nav-bar li .content section .no-see-all{margin-bottom:1em}nav .nav-bar li .content section .main{padding-bottom:.4em}nav.desktop{overflow:initial;background-color:#fff;padding:0 2em}nav.desktop .nav-bar{flex-direction:row;align-items:center}nav.desktop .nav-bar .links{background-color:#0047ba;display:flex;flex-direction:column;align-items:flex-start}nav.desktop .nav-bar .links li{width:100%}nav.desktop .nav-bar .links li a{transition:background-color .1s ease-in-out}nav.desktop .nav-bar .links li a:hover{background-color:#fff3;width:100%}nav.desktop .nav-bar li{width:auto;height:100%}nav.desktop .nav-bar li #navSearch{color:#002e5d;transition:all .2s ease-in-out;background-color:transparent}nav.desktop .nav-bar li #navSearch:hover{background-color:transparent;transform:scale(115%);color:#0047ba}nav.desktop .nav-bar li .content{display:flex;justify-content:center;padding-top:1.4em;padding-right:10%;padding-left:10%}nav.desktop .nav-bar li .content section{padding-top:0;padding-left:5%;width:30em}nav.desktop .nav-bar li .content section+section{border-left:1px solid rgba(255,255,255,.3);margin-top:0}nav.desktop .nav-bar li .content section .see-all{margin-right:1em;transition:color .1s ease-in-out;width:auto}nav.desktop .nav-bar li .content section .see-all:hover{color:#ffffffd9}nav.desktop .nav-bar li .content h2,nav.desktop .nav-bar li .content h3{color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NavBarDropdownComponent, selector: "lib-nav-bar-dropdown", inputs: ["title", "isSmallScreen"], outputs: ["openEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NavBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-nav-bar', standalone: true, imports: [CommonModule, NavBarDropdownComponent], template: "<nav\n    [style]=\"{ height: height() ? height() + 'px' : 'auto' }\"\n    [ngClass]=\"{ desktop: !isScreenSmall() }\"\n    data-testid=\"nav\"\n>\n    <ul class=\"nav-bar\">\n        <li id=\"navHome\">\n            <a href=\"https://lib.byu.edu\">\n                @if (isScreenSmall()) {\n                    <span class=\"material-symbols-outlined icon\"> home </span>\n                }\n                Home\n            </a>\n        </li>\n        @for (navInfo of navInfos; track navInfo.title) {\n            <li>\n                <lib-nav-bar-dropdown\n                    [title]=\"navInfo.title\"\n                    [isSmallScreen]=\"isScreenSmall() ?? true\"\n                    (openEvent)=\"handleDropdownOpenEvent($event)\"\n                >\n                    <div class=\"content\">\n                        @if (navInfo.mainSection) {\n                            <section>\n                                <h2>{{ navInfo.mainSection.title }}</h2>\n                                <ul class=\"main links\">\n                                    @for (link of navInfo.mainSection.links; track link.label) {\n                                        <li>\n                                            <a [href]=\"link.url\">\n                                                {{ link.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                                @if (navInfo.mainSection.auxiliaryLink) {\n                                    <a\n                                        class=\"see-all\"\n                                        [href]=\"navInfo.mainSection.auxiliaryLink.url\"\n                                    >\n                                        {{ navInfo.mainSection.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                        @for (section of navInfo.otherSections; track section.title) {\n                            <section>\n                                <h3>{{ section.title }}</h3>\n                                <ul class=\"links\">\n                                    @for (link of section.links; track link.label) {\n                                        <li>\n                                            <a [href]=\"link.url\">\n                                                {{ link.label }}\n                                                @if (link.icon) {\n                                                    <span\n                                                        class=\"material-symbols-outlined icon-right\"\n                                                    >\n                                                        {{ link.icon }}\n                                                    </span>\n                                                }\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </section>\n                        }\n                    </div>\n                </lib-nav-bar-dropdown>\n            </li>\n        }\n        <li>\n            <a id=\"navSearch\" href=\"https://lib.byu.edu/search\">\n                @if (isScreenSmall()) {\n                    Search\n                }\n                <span class=\"material-symbols-outlined\" [ngClass]=\"{ icon: isScreenSmall() }\">\n                    search\n                </span>\n            </a>\n        </li>\n    </ul>\n</nav>\n", styles: ["nav.desktop .nav-bar li#navHome a,nav.desktop .nav-bar li #navSearch{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}nav.desktop .nav-bar li#navHome a .icon,nav.desktop .nav-bar li #navSearch .icon{font-size:1.3em;margin-bottom:-.1em}nav.desktop .nav-bar li#navHome a:hover,nav.desktop .nav-bar li #navSearch:hover{background-color:#0047ba;color:#fff}*{box-sizing:border-box}.icon-right{margin-left:.4em}nav{background-color:#0047ba;position:relative;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none}nav li{list-style-type:none}nav ::-webkit-scrollbar{display:none}nav .nav-bar{display:flex;flex-direction:column;align-items:flex-end;margin:0;padding:0}nav .nav-bar .links{padding:0}nav .nav-bar li{width:100%}nav .nav-bar li#navHome .icon{margin-right:.2em}nav .nav-bar li a{color:#fff;display:flex;align-items:center;width:100%;padding:.6em}nav .nav-bar li #navSearch{justify-content:flex-end;font-size:1.3em}nav .nav-bar li #navSearch .icon{margin-left:.2em}nav .nav-bar li .content{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1.4em}nav .nav-bar li .content section{padding-left:3em}nav .nav-bar li .content section:first-of-type{padding-top:1em}nav .nav-bar li .content section h2,nav .nav-bar li .content section h3{font-weight:600;font-size:1.4em;margin-bottom:.2em}nav .nav-bar li .content section+section{margin-top:1.8em}nav .nav-bar li .content section li a{padding:.4em .6em}nav .nav-bar li .content section .see-all{border-top:1px solid rgba(255,255,255,.3);justify-content:flex-end}nav .nav-bar li .content section .no-see-all{margin-bottom:1em}nav .nav-bar li .content section .main{padding-bottom:.4em}nav.desktop{overflow:initial;background-color:#fff;padding:0 2em}nav.desktop .nav-bar{flex-direction:row;align-items:center}nav.desktop .nav-bar .links{background-color:#0047ba;display:flex;flex-direction:column;align-items:flex-start}nav.desktop .nav-bar .links li{width:100%}nav.desktop .nav-bar .links li a{transition:background-color .1s ease-in-out}nav.desktop .nav-bar .links li a:hover{background-color:#fff3;width:100%}nav.desktop .nav-bar li{width:auto;height:100%}nav.desktop .nav-bar li #navSearch{color:#002e5d;transition:all .2s ease-in-out;background-color:transparent}nav.desktop .nav-bar li #navSearch:hover{background-color:transparent;transform:scale(115%);color:#0047ba}nav.desktop .nav-bar li .content{display:flex;justify-content:center;padding-top:1.4em;padding-right:10%;padding-left:10%}nav.desktop .nav-bar li .content section{padding-top:0;padding-left:5%;width:30em}nav.desktop .nav-bar li .content section+section{border-left:1px solid rgba(255,255,255,.3);margin-top:0}nav.desktop .nav-bar li .content section .see-all{margin-right:1em;transition:color .1s ease-in-out;width:auto}nav.desktop .nav-bar li .content section .see-all:hover{color:#ffffffd9}nav.desktop .nav-bar li .content h2,nav.desktop .nav-bar li .content h3{color:#fff}\n"] }]
+        }], propDecorators: { dropdownComps: [{
+                type: ViewChildren,
+                args: [NavBarDropdownComponent]
+            }] } });
+
+class LibraryHoursPipe {
     transform(date, time) {
-        return new Date(date + 'T' + time);
+        let newTime = null;
+        try {
+            newTime = new DatePipe('en-US').transform(new Date(date + 'T' + time), 'ha');
+        }
+        catch (e) {
+            return newTime;
+        }
+        if (newTime === '12AM')
+            newTime = 'Midnight';
+        else if (newTime) {
+            newTime = newTime.replace('AM', ' a.m.');
+            newTime = newTime.replace('PM', ' p.m.');
+        }
+        return newTime;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LibraryHoursDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: LibraryHoursDatePipe, isStandalone: true, name: "libraryHoursDate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LibraryHoursPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: LibraryHoursPipe, isStandalone: true, name: "libraryHours" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LibraryHoursDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LibraryHoursPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'libraryHoursDate',
+                    name: 'libraryHours',
                     standalone: true,
                 }]
         }] });
-/**
- * Header component built to be exported as a custom element.
- * This component uses icons provided by Google Material.
- * The link to these icons should be included once in the \<head> of your base html.
- *
- * When a non-empty string `name` is provided to this component, the user is considered logged in.
- * Two outputs/events are accessible: `login` and `logout`.
- */
+
+class ImpersonateUserPipe {
+    transform(user) {
+        return `${user.name} (${user.netId || 'Unknown'})${user.restricted ? ' — Restricted' : ''}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ImpersonateUserPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: ImpersonateUserPipe, isStandalone: true, name: "impersonateUser" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ImpersonateUserPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'impersonateUser',
+                    standalone: true,
+                }]
+        }] });
+const SEARCH_USERS_PATH = '/impersonate/api/search/';
+const START_IMPERSONATE_PATH = '/impersonate/:username';
+class ImpersonateModalComponent {
+    constructor() {
+        this.http = inject(HttpClient);
+        this.fb = inject(FormBuilder);
+        this.eref = inject(ElementRef);
+        this.oidcBaseUri = input.required();
+        this.oidcDefaultIdp = input.required();
+        this.accessToken = input.required();
+        this.dismiss = new EventEmitter();
+        this.init = new EventEmitter();
+        this.isOpen = false;
+        this.hasError = false;
+        this.form = this.fb.nonNullable.group({
+            search: this.fb.control('', { validators: Validators.minLength(3) }),
+        });
+        this.loading = false;
+        this.handleSearchSubject = new Subject();
+        this.results = toSignal(this.form.controls.search.valueChanges.pipe(switchMap((search) => this.handleSearchSubject.pipe(startWith(false), switchMap((handleSearch) => {
+            this.selectedUsername = undefined;
+            this.hasError = false;
+            if (!search || !handleSearch) {
+                return of(null);
+            }
+            this.loading = true;
+            const results = this.searchUsers(search);
+            return results.pipe(catchError((e) => {
+                this.hasError = true;
+                console.error(e);
+                return of(null);
+            }));
+        }))), tap(() => {
+            this.loading = false;
+        })));
+        this.subs = new Subscription();
+        this.handleKeyDown = (event) => {
+            switch (event.key) {
+                case 'Esc':
+                case 'Escape': {
+                    this.close();
+                    break;
+                }
+                case 'I':
+                case 'i': {
+                    if (event.ctrlKey || event.metaKey) {
+                        if (this.isOpen) {
+                            this.close();
+                        }
+                        else {
+                            this.init.emit();
+                        }
+                        event.preventDefault();
+                    }
+                    break;
+                }
+                default:
+                    break;
+            }
+        };
+        /** Redirect to Keycloak impersonate page, which will redirect back
+         * after impersonation begins.
+         */
+        this.startImpersonation = (username) => {
+            const _username = username ?? this.selectedUsername;
+            if (!_username) {
+                return;
+            }
+            const url = urlcat(this.oidcBaseUri(), START_IMPERSONATE_PATH, {
+                username,
+                returnUri: window.location.href,
+                defaultIdp: this.oidcDefaultIdp(),
+            });
+            this.replaceUrl(url);
+        };
+        this.handleSelectUser = (event) => {
+            this.selectedUsername = event.target.value;
+        };
+        this.clearSearch = () => {
+            this.form.reset();
+        };
+        this.close = () => {
+            this.dismiss.emit();
+            this.clearSearch();
+        };
+        this.handleFormSubmit = (event) => {
+            event.preventDefault();
+            if (this.form.valid) {
+                this.handleSearchSubject.next(true);
+            }
+        };
+        this.handleSearchKeyPress = (event) => {
+            if (!['ArrowDown', 'Down'].includes(event.key)) {
+                return;
+            }
+            event.preventDefault();
+            if (this.results()?.length) {
+                const firstResult = this.eref.nativeElement.querySelector(`#result_0`);
+                firstResult?.click();
+                firstResult?.focus();
+            }
+        };
+        this.handleResultKeyPress = (event) => {
+            if (['ArrowUp', 'Up'].includes(event.key) &&
+                event.target?.id === 'result_0') {
+                event.preventDefault();
+                this.eref.nativeElement.querySelector('#searchInput')?.focus();
+            }
+            else if (event.key === 'Enter') {
+                event.preventDefault();
+                this.startImpersonation();
+            }
+        };
+        /** Search Keycloak users using a generic search query. */
+        this.searchUsers = (query) => {
+            const uri = urlcat(this.oidcBaseUri(), SEARCH_USERS_PATH, {
+                query,
+            });
+            return this.http.get(uri, {
+                headers: {
+                    Authorization: `Bearer ${this.accessToken()}`,
+                },
+            });
+        };
+        this.replaceUrl = (url) => window.location.replace(url);
+    }
+    set showModal(open) {
+        this.isOpen = open;
+        if (open) {
+            // Set focus on search input shortly after openeing modal so user notices
+            // the input receiving focus.
+            setTimeout(() => this.eref.nativeElement.querySelector('#searchInput')?.focus(), 250);
+        }
+    }
+    outsideClick(event) {
+        if (event.target?.id === 'modalBackdrop') {
+            this.close();
+        }
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ImpersonateModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ImpersonateModalComponent, isStandalone: true, selector: "lib-impersonate-modal", inputs: { showModal: { classPropertyName: "showModal", publicName: "showModal", isSignal: false, isRequired: false, transformFunction: null }, oidcBaseUri: { classPropertyName: "oidcBaseUri", publicName: "oidcBaseUri", isSignal: true, isRequired: true, transformFunction: null }, oidcDefaultIdp: { classPropertyName: "oidcDefaultIdp", publicName: "oidcDefaultIdp", isSignal: true, isRequired: true, transformFunction: null }, accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dismiss: "dismiss", init: "init" }, host: { listeners: { "document:mousedown": "outsideClick($event)", "document:keydown": "handleKeyDown($event)" } }, ngImport: i0, template: "@if (isOpen) {\n    <div @libHbllFadeInOut class=\"modal-wrapper\" id=\"modalBackdrop\" data-testid=\"backdrop\">\n        <div class=\"modal-container\" data-testid=\"modal\">\n            <div class=\"modal-header\">\n                <h2>Impersonate</h2>\n                <button type=\"button\" (click)=\"close()\" aria-label=\"Close\" data-testid=\"close\">\n                    <span class=\"material-symbols-outlined icon-close\"> close </span>\n                </button>\n            </div>\n            <form [formGroup]=\"form\" (submit)=\"handleFormSubmit($event)\" data-testid=\"searchForm\">\n                <div class=\"search-header\">\n                    <div class=\"secondary\" [class.disabled]=\"!form.valid\">\n                        <span class=\"keyboard-key\">Enter</span> to search\n                    </div>\n                </div>\n                <label\n                    for=\"searchInput\"\n                    class=\"search-wrapper\"\n                    [class.invalid]=\"form.invalid && form.dirty\"\n                >\n                    <span class=\"material-symbols-outlined icon-search\"> search </span>\n                    <input\n                        id=\"searchInput\"\n                        type=\"text\"\n                        autocomplete=\"off\"\n                        formControlName=\"search\"\n                        placeholder=\"Search patrons...\"\n                        (keydown)=\"handleSearchKeyPress($event)\"\n                        #searchBox\n                        data-testid=\"searchInput\"\n                    />\n                    @if (!!searchBox.value && form.valid) {\n                        <span class=\"material-symbols-outlined icon-checkmark\"> check </span>\n                    }\n                    @if (searchBox.value.length) {\n                        <span\n                            (click)=\"clearSearch()\"\n                            @libHbllFadeInOut\n                            class=\"material-symbols-outlined icon-close\"\n                        >\n                            close\n                        </span>\n                    }\n                </label>\n            </form>\n            <fieldset\n                class=\"search-results-wrapper\"\n                id=\"resultsScrollContainer\"\n                (change)=\"handleSelectUser($event)\"\n            >\n                @if (!loading && results()) {\n                    @for (user of results(); track user.netId; let idx = $index) {\n                        <div\n                            class=\"result-field result\"\n                            [class.focus]=\"user.username === selectedUsername\"\n                            data-testid=\"result\"\n                        >\n                            <label\n                                [for]=\"'result_' + idx\"\n                                [class.warning]=\"user.restricted\"\n                                (mouseover)=\"selectedUsername = user.username\"\n                            >\n                                @if (user.restricted) {\n                                    <span class=\"material-symbols-outlined icon\"> warning </span>\n                                } @else {\n                                    <span class=\"material-symbols-outlined icon\"> person </span>\n                                }\n                                &nbsp; &nbsp;\n                                <span [title]=\"user\" data-testid=\"resultText\">{{\n                                    user | impersonateUser\n                                }}</span>\n                                <input\n                                    type=\"radio\"\n                                    [value]=\"user.username\"\n                                    class=\"hidden\"\n                                    [id]=\"'result_' + idx\"\n                                    name=\"resultSelect\"\n                                    (keydown)=\"handleResultKeyPress($event)\"\n                                />\n                            </label>\n                            <button\n                                class=\"impersonate-button\"\n                                data-testid=\"impersonateBtn\"\n                                (click)=\"startImpersonation(user.username)\"\n                            >\n                                Impersonate\n                            </button>\n                        </div>\n                    } @empty {\n                        <div class=\"result-field\">\n                            No results. Try searching by Net ID or BYU ID.\n                        </div>\n                    }\n                }\n                @if (loading) {\n                    <div class=\"result-field\">\n                        <div class=\"lib-spinner\"></div>\n                    </div>\n                }\n                @if (hasError) {\n                    <div class=\"result-field\">Something went wrong. We'll keep trying.</div>\n                }\n            </fieldset>\n        </div>\n    </div>\n}\n", styles: [".lib-spinner{border:.3em solid #dfe9f7;border-top:.3em solid #4070b0;border-radius:100%;width:30px;height:30px;animation:loadingSpinnerAnimate 1s ease infinite;position:relative}@keyframes loadingSpinnerAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h2{font-size:1.2em;font-weight:600;margin:0;color:#404040}.warning{color:#b04940}.modal-wrapper{position:fixed;inset:0;background-color:#0000007f;z-index:6001;display:grid;place-items:center}.modal-container{color:#404040;padding:1.2em 1.4em;width:90%;max-width:30em;border-radius:4px;border:1px solid #b7b7b7;box-shadow:0 3px 6px #002e5d20;background-color:#fff;display:grid;grid-template-columns:1fr;gap:1em}.modal-container .modal-header{display:flex;justify-content:space-between;border-bottom:1px solid #e6e6e6;padding-bottom:.8em}.modal-container .modal-header .icon-close{transition:opacity .15s;color:#707070;opacity:1;cursor:pointer}.modal-container .modal-header .icon-close:hover{opacity:.8}.modal-container .hidden{opacity:0;width:0;height:0}.modal-container .search-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.8em}.modal-container .search-header .secondary{color:#70707095}.modal-container .search-header .keyboard-key{padding:.1em .4em;border:1px solid currentColor;border-radius:4px}.modal-container .search-wrapper{display:flex;align-items:center;border-radius:4px;border:solid 1px currentColor;color:#ca7ad1cc;background-color:#e6e6e655;padding:.1em .3em .1em .5em;transition:background-color .15s,color .15s}.modal-container .search-wrapper.invalid{background-color:#b0494022}.modal-container .search-wrapper .icon-search{font-size:1.2em}.modal-container .search-wrapper .icon-checkmark{color:#1dce7b}.modal-container .search-wrapper .icon-close{color:#ca7ad1cc;cursor:pointer}.modal-container .search-wrapper .icon-close:hover{color:#ca7ad1}.modal-container .search-wrapper input[type=text]{background:transparent;border:none;outline:none;width:100%;color:#404040;padding:.5em .4em;font-size:1em}.modal-container .search-wrapper input[type=text]:focus{background-color:transparent}.modal-container .search-results-wrapper{border:none;margin:0;padding:0;max-height:25em;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;display:flex;flex-direction:column;align-items:stretch;min-width:0}.modal-container .search-results-wrapper::-webkit-scrollbar{width:6px}.modal-container .search-results-wrapper::-webkit-scrollbar-track{background:#e6e6e6}.modal-container .search-results-wrapper::-webkit-scrollbar-thumb{background-color:#b3b3b3;border-radius:5px}.modal-container .search-results-wrapper::-webkit-scrollbar-thumb:hover{background-color:#888}.modal-container .search-results-wrapper .result-field{font-style:italic;display:flex;align-items:center;justify-content:space-between;padding:.8em}.modal-container .search-results-wrapper .result-field .lib-spinner{margin:auto;display:grid;place-items:center}.modal-container .search-results-wrapper .result-field.result{font-style:normal;padding:0}.modal-container .search-results-wrapper .result-field.result label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;padding:.8em;display:flex;align-items:center}.modal-container .search-results-wrapper .result-field.result label .icon{font-size:1.2em;margin-right:.4em}.modal-container .search-results-wrapper .result-field.result .impersonate-button{cursor:pointer;display:none;color:#ca7ad1cc;padding:.1em .6em;border:1px solid currentColor;border-radius:4px;background-color:#fff;flex-shrink:0;margin-block:.6em;margin-right:.8em}.modal-container .search-results-wrapper .result-field.result .impersonate-button:hover{color:#ca7ad1;background-color:#fff8}.modal-container .search-results-wrapper .result-field.result:active,.modal-container .search-results-wrapper .result-field.result.focus{background:#f2f2f2}.modal-container .search-results-wrapper .result-field.result.focus .impersonate-button{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: ImpersonateUserPipe, name: "impersonateUser" }], animations: [libHbllFadeInOut] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ImpersonateModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, ReactiveFormsModule, ImpersonateUserPipe], selector: 'lib-impersonate-modal', animations: [libHbllFadeInOut], template: "@if (isOpen) {\n    <div @libHbllFadeInOut class=\"modal-wrapper\" id=\"modalBackdrop\" data-testid=\"backdrop\">\n        <div class=\"modal-container\" data-testid=\"modal\">\n            <div class=\"modal-header\">\n                <h2>Impersonate</h2>\n                <button type=\"button\" (click)=\"close()\" aria-label=\"Close\" data-testid=\"close\">\n                    <span class=\"material-symbols-outlined icon-close\"> close </span>\n                </button>\n            </div>\n            <form [formGroup]=\"form\" (submit)=\"handleFormSubmit($event)\" data-testid=\"searchForm\">\n                <div class=\"search-header\">\n                    <div class=\"secondary\" [class.disabled]=\"!form.valid\">\n                        <span class=\"keyboard-key\">Enter</span> to search\n                    </div>\n                </div>\n                <label\n                    for=\"searchInput\"\n                    class=\"search-wrapper\"\n                    [class.invalid]=\"form.invalid && form.dirty\"\n                >\n                    <span class=\"material-symbols-outlined icon-search\"> search </span>\n                    <input\n                        id=\"searchInput\"\n                        type=\"text\"\n                        autocomplete=\"off\"\n                        formControlName=\"search\"\n                        placeholder=\"Search patrons...\"\n                        (keydown)=\"handleSearchKeyPress($event)\"\n                        #searchBox\n                        data-testid=\"searchInput\"\n                    />\n                    @if (!!searchBox.value && form.valid) {\n                        <span class=\"material-symbols-outlined icon-checkmark\"> check </span>\n                    }\n                    @if (searchBox.value.length) {\n                        <span\n                            (click)=\"clearSearch()\"\n                            @libHbllFadeInOut\n                            class=\"material-symbols-outlined icon-close\"\n                        >\n                            close\n                        </span>\n                    }\n                </label>\n            </form>\n            <fieldset\n                class=\"search-results-wrapper\"\n                id=\"resultsScrollContainer\"\n                (change)=\"handleSelectUser($event)\"\n            >\n                @if (!loading && results()) {\n                    @for (user of results(); track user.netId; let idx = $index) {\n                        <div\n                            class=\"result-field result\"\n                            [class.focus]=\"user.username === selectedUsername\"\n                            data-testid=\"result\"\n                        >\n                            <label\n                                [for]=\"'result_' + idx\"\n                                [class.warning]=\"user.restricted\"\n                                (mouseover)=\"selectedUsername = user.username\"\n                            >\n                                @if (user.restricted) {\n                                    <span class=\"material-symbols-outlined icon\"> warning </span>\n                                } @else {\n                                    <span class=\"material-symbols-outlined icon\"> person </span>\n                                }\n                                &nbsp; &nbsp;\n                                <span [title]=\"user\" data-testid=\"resultText\">{{\n                                    user | impersonateUser\n                                }}</span>\n                                <input\n                                    type=\"radio\"\n                                    [value]=\"user.username\"\n                                    class=\"hidden\"\n                                    [id]=\"'result_' + idx\"\n                                    name=\"resultSelect\"\n                                    (keydown)=\"handleResultKeyPress($event)\"\n                                />\n                            </label>\n                            <button\n                                class=\"impersonate-button\"\n                                data-testid=\"impersonateBtn\"\n                                (click)=\"startImpersonation(user.username)\"\n                            >\n                                Impersonate\n                            </button>\n                        </div>\n                    } @empty {\n                        <div class=\"result-field\">\n                            No results. Try searching by Net ID or BYU ID.\n                        </div>\n                    }\n                }\n                @if (loading) {\n                    <div class=\"result-field\">\n                        <div class=\"lib-spinner\"></div>\n                    </div>\n                }\n                @if (hasError) {\n                    <div class=\"result-field\">Something went wrong. We'll keep trying.</div>\n                }\n            </fieldset>\n        </div>\n    </div>\n}\n", styles: [".lib-spinner{border:.3em solid #dfe9f7;border-top:.3em solid #4070b0;border-radius:100%;width:30px;height:30px;animation:loadingSpinnerAnimate 1s ease infinite;position:relative}@keyframes loadingSpinnerAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h2{font-size:1.2em;font-weight:600;margin:0;color:#404040}.warning{color:#b04940}.modal-wrapper{position:fixed;inset:0;background-color:#0000007f;z-index:6001;display:grid;place-items:center}.modal-container{color:#404040;padding:1.2em 1.4em;width:90%;max-width:30em;border-radius:4px;border:1px solid #b7b7b7;box-shadow:0 3px 6px #002e5d20;background-color:#fff;display:grid;grid-template-columns:1fr;gap:1em}.modal-container .modal-header{display:flex;justify-content:space-between;border-bottom:1px solid #e6e6e6;padding-bottom:.8em}.modal-container .modal-header .icon-close{transition:opacity .15s;color:#707070;opacity:1;cursor:pointer}.modal-container .modal-header .icon-close:hover{opacity:.8}.modal-container .hidden{opacity:0;width:0;height:0}.modal-container .search-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.8em}.modal-container .search-header .secondary{color:#70707095}.modal-container .search-header .keyboard-key{padding:.1em .4em;border:1px solid currentColor;border-radius:4px}.modal-container .search-wrapper{display:flex;align-items:center;border-radius:4px;border:solid 1px currentColor;color:#ca7ad1cc;background-color:#e6e6e655;padding:.1em .3em .1em .5em;transition:background-color .15s,color .15s}.modal-container .search-wrapper.invalid{background-color:#b0494022}.modal-container .search-wrapper .icon-search{font-size:1.2em}.modal-container .search-wrapper .icon-checkmark{color:#1dce7b}.modal-container .search-wrapper .icon-close{color:#ca7ad1cc;cursor:pointer}.modal-container .search-wrapper .icon-close:hover{color:#ca7ad1}.modal-container .search-wrapper input[type=text]{background:transparent;border:none;outline:none;width:100%;color:#404040;padding:.5em .4em;font-size:1em}.modal-container .search-wrapper input[type=text]:focus{background-color:transparent}.modal-container .search-results-wrapper{border:none;margin:0;padding:0;max-height:25em;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;display:flex;flex-direction:column;align-items:stretch;min-width:0}.modal-container .search-results-wrapper::-webkit-scrollbar{width:6px}.modal-container .search-results-wrapper::-webkit-scrollbar-track{background:#e6e6e6}.modal-container .search-results-wrapper::-webkit-scrollbar-thumb{background-color:#b3b3b3;border-radius:5px}.modal-container .search-results-wrapper::-webkit-scrollbar-thumb:hover{background-color:#888}.modal-container .search-results-wrapper .result-field{font-style:italic;display:flex;align-items:center;justify-content:space-between;padding:.8em}.modal-container .search-results-wrapper .result-field .lib-spinner{margin:auto;display:grid;place-items:center}.modal-container .search-results-wrapper .result-field.result{font-style:normal;padding:0}.modal-container .search-results-wrapper .result-field.result label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;padding:.8em;display:flex;align-items:center}.modal-container .search-results-wrapper .result-field.result label .icon{font-size:1.2em;margin-right:.4em}.modal-container .search-results-wrapper .result-field.result .impersonate-button{cursor:pointer;display:none;color:#ca7ad1cc;padding:.1em .6em;border:1px solid currentColor;border-radius:4px;background-color:#fff;flex-shrink:0;margin-block:.6em;margin-right:.8em}.modal-container .search-results-wrapper .result-field.result .impersonate-button:hover{color:#ca7ad1;background-color:#fff8}.modal-container .search-results-wrapper .result-field.result:active,.modal-container .search-results-wrapper .result-field.result.focus{background:#f2f2f2}.modal-container .search-results-wrapper .result-field.result.focus .impersonate-button{display:block}\n"] }]
+        }], propDecorators: { showModal: [{
+                type: Input
+            }], dismiss: [{
+                type: Output
+            }], init: [{
+                type: Output
+            }], outsideClick: [{
+                type: HostListener,
+                args: ['document:mousedown', ['$event']]
+            }], handleKeyDown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
+const LIBRARY_HOURS_API_URL = 'https://apps.lib.byu.edu/libraryhours/api/hours';
 class HbllHeaderComponent {
     constructor() {
         this.r2 = inject(Renderer2);
+        // TODO: does this increase bundle size more than it's worth? vs fetch?
         this.http = inject(HttpClient);
-        // --- API ---
-        this.name = input('');
+        this.bo = inject(BreakpointObserver);
+        this._accessToken = '';
+        this.oidcBaseUri = input('https://keycloak.lib.byu.edu/');
+        this.oidcDefaultIdp = input('byu-realm');
         this.login = new EventEmitter();
         this.logout = new EventEmitter();
+        this.endImpersonation = new EventEmitter();
         // -----------
+        this.formatDateForHours = (date) => `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
         this.accountInfoEl = viewChild('accountInfo');
-        this.isLoggedIn = computed(() => !!this.name());
+        this.hoursEl = viewChild('hours');
+        // Auth info
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.parsedToken = {};
+        this.isLoggedIn = false;
+        this.isImpersonating = false;
+        this.showImpersonateButton = false;
+        this.name = '';
+        // Hours
         this.libraryHours = toSignal(this.http.get(LIBRARY_HOURS_API_URL));
+        this.hoursExceptions$ = of(null).pipe(map(() => {
+            // Get exceptions from today to two months out
+            const today = new Date();
+            const start = this.formatDateForHours(today);
+            const newDate = new Date();
+            newDate.setMonth(today.getMonth() + 2);
+            const stop = this.formatDateForHours(newDate);
+            return [start, stop];
+        }), switchMap$1(([start, stop]) => this.http
+            .get(`${LIBRARY_HOURS_API_URL}?start=${start}&stop=${stop}`)
+            .pipe(map((res) => res.filter((day) => day.has_exception).slice(0, 5)))), shareReplay(1));
         this.showAccountDropdown = false;
+        this.showLibraryHours = false;
+        this.mobileSidebarHeight = 0;
+        this.showNavBar = false;
+        this.showImpersonationModal = false;
+        this.isScreenSmall = isScreenSmallSignal(this.bo);
+        this.setMobileSidebarHeight = () => (this.mobileSidebarHeight =
+            window.innerHeight - this.header.nativeElement.getBoundingClientRect().height);
+    }
+    // --- API ---
+    set accessToken(token) {
+        this._accessToken = token;
+        this.parsedToken = this.accessToken ? jwtDecode(this.accessToken) : {};
+        this.isLoggedIn =
+            !!this.accessToken && this.parsedToken.exp > Math.floor(new Date().getTime() / 1000);
+        this.isImpersonating = !!this.parsedToken['impersonator'];
+        this.showImpersonateButton =
+            this.parsedToken['resource_access']?.['realm-management']?.['roles']?.includes('impersonation') && !this.isImpersonating;
+        this.name = this.parsedToken['given_name'] ?? '';
+    }
+    get accessToken() {
+        return this._accessToken;
     }
     ngAfterViewInit() {
         this.r2.listen('window', 'click', (e) => {
             if (!this.accountInfoEl()?.nativeElement.contains(e.target))
                 this.showAccountDropdown = false;
+            if (!this.hoursEl()?.nativeElement.contains(e.target))
+                this.showLibraryHours = false;
         });
+        this.setMobileSidebarHeight();
+    }
+    onResize() {
+        this.setMobileSidebarHeight();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HbllHeaderComponent, isStandalone: true, selector: "lib-hbll-header", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { login: "login", logout: "logout" }, viewQueries: [{ propertyName: "accountInfoEl", first: true, predicate: ["accountInfo"], descendants: true, isSignal: true }], ngImport: i0, template: "<header role=\"banner\" class=\"wrapper\">\n  <h1>\n    <a href=\"https://lib.byu.edu/\">\n      <img\n        src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/byu-library-logo-full.svg\"\n        alt=\"BYU Library Logo\"\n      />\n    </a>\n  </h1>\n  <div id=\"libraryInfo\" class=\"wrapper\">\n    @if (libraryHours()) {\n    <div id=\"libraryHours\">\n      <div class=\"wrapper\">\n        <span class=\"material-symbols-outlined left-icon\"> schedule </span>\n        {{\n          libraryHours()?.is_closed\n            ? \"CLOSED\"\n            : \"Today's hours: \" +\n              (libraryHours()!.date\n                | libraryHoursDate : libraryHours()!.open_time\n                | date : \"ha\"\n                | lowercase) +\n              \" - \" +\n              (libraryHours()!.date\n                | libraryHoursDate : libraryHours()!.close_time\n                | date : \"ha\"\n                | lowercase)\n        }}\n      </div>\n    </div>\n    }\n    <div id=\"accountInfo\" #accountInfo>\n      <button\n        (click)=\"\n          isLoggedIn()\n            ? (showAccountDropdown = !showAccountDropdown)\n            : login.emit()\n        \"\n        class=\"wrapper\"\n        id=\"accountBtn\"\n      >\n        <span class=\"material-symbols-outlined left-icon\"> person </span>\n        {{ isLoggedIn() ? name : \"Login\" }}\n        @if (isLoggedIn()) {\n        <span class=\"material-symbols-outlined\"> arrow_drop_down </span>\n        }\n      </button>\n      @if (isLoggedIn() && showAccountDropdown) {\n      <div id=\"accountDropdown\">\n        <a class=\"item\">My Account</a>\n        <a class=\"item\">Preferences</a>\n        <button class=\"item\" (click)=\"logout.emit()\">Logout</button>\n      </div>\n      }\n    </div>\n  </div>\n</header>\n<nav></nav>\n", styles: [":host{font-family:Source Sans Pro}.wrapper{display:flex;align-items:center}header{background-color:#002e5d;display:flex;align-items:center;padding:.6rem 1rem}h1{height:2rem}#libraryInfo{margin-left:auto}#libraryHours,#accountInfo{color:#fff;margin:.6rem}.left-icon{margin-right:.4rem}img{height:100%}#accountInfo{position:relative}#accountInfo #accountBtn:hover{opacity:.6}#accountInfo #accountDropdown{font-size:1.1rem;text-wrap:nowrap;position:absolute;background-color:#002e5d;top:100%;right:0;padding:1.2rem}#accountInfo #accountDropdown .item{display:block;padding:.4rem 0;width:100%;text-align:left}#accountInfo #accountDropdown .item:first-child{padding-top:0}#accountInfo #accountDropdown .item:last-child{padding-bottom:0}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: LibraryHoursDatePipe, name: "libraryHoursDate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HbllHeaderComponent, isStandalone: true, selector: "lib-hbll-header", inputs: { accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: false, isRequired: false, transformFunction: null }, oidcBaseUri: { classPropertyName: "oidcBaseUri", publicName: "oidcBaseUri", isSignal: true, isRequired: false, transformFunction: null }, oidcDefaultIdp: { classPropertyName: "oidcDefaultIdp", publicName: "oidcDefaultIdp", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { login: "login", logout: "logout", endImpersonation: "endImpersonation" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "accountInfoEl", first: true, predicate: ["accountInfo"], descendants: true, isSignal: true }, { propertyName: "hoursEl", first: true, predicate: ["hours"], descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }], ngImport: i0, template: "<header role=\"banner\" class=\"wrapper\" #header [ngClass]=\"{ desktop: !isScreenSmall() }\">\n    <a href=\"https://lib.byu.edu/\">\n        <h1>\n            <img\n                src=\"https://media.lib.byu.edu/web-assets/images/2.0.0/byu-hbll-logo-full.svg\"\n                alt=\"BYU Library Logo\"\n            />\n        </h1>\n    </a>\n    <div id=\"libraryInfo\" class=\"wrapper\">\n        @if (!isScreenSmall()) {\n            <div #hours id=\"mainLibraryHours\" data-testid=\"desktopHours\">\n                <button\n                    (click)=\"showLibraryHours = !showLibraryHours\"\n                    class=\"wrapper\"\n                    data-testid=\"hoursBtn\"\n                >\n                    <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n                </button>\n                @if (!isScreenSmall() && showLibraryHours) {\n                    <div\n                        @libHbllFadeInOut\n                        id=\"libraryHoursDropdown\"\n                        data-testid=\"libraryHoursDropdown\"\n                    >\n                        <section class=\"section\">\n                            <h2 class=\"header\">Regular Hours</h2>\n                            <div class=\"detail\">\n                                <h3 class=\"item\">Monday - Friday</h3>\n                                <h3 class=\"item\">Saturday</h3>\n                                <h3 class=\"item\">Sunday</h3>\n                            </div>\n                            <div class=\"hours\">\n                                <div class=\"item\">7 a.m - midnight</div>\n                                <div class=\"item\">8 a.m - midnight</div>\n                                <div class=\"item\">Closed*</div>\n                            </div>\n                            <div class=\"hours-note\">\n                                * Family history ONLY 4 p.m. - 8 p.m\n                                <ul>\n                                    <li><span>No checkouts after 11:45 p.m.</span></li>\n                                    <li>\n                                        <span>All services closed 10:45 to noon on Tuesdays</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </section>\n                        <section class=\"section\">\n                            <h2 class=\"header\">Upcoming Exceptions</h2>\n                            @if (hoursExceptions$ | async; as exceptions) {\n                                <div class=\"detail\" data-testid=\"exceptionsDetail\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <h3 class=\"item\">\n                                            {{ exception.date | date: 'MMM. d, YYYY' }}\n                                        </h3>\n                                    } @empty {\n                                        No upcoming exceptions\n                                    }\n                                </div>\n                                <div class=\"hours\" data-testid=\"exceptionsHours\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <div class=\"item\">{{ exception.exception_title }}</div>\n                                    }\n                                </div>\n                            } @else {\n                                <div class=\"lib-spinner\" data-testid=\"exceptionsSpinner\"></div>\n                            }\n                        </section>\n                        <section class=\"section\">\n                            <h2 class=\"header\">Library Cafe</h2>\n                            <div class=\"detail\">\n                                <h3 class=\"item\">Bagel Bubble</h3>\n                                <h3 class=\"item\">Provecho</h3>\n                            </div>\n                            <div class=\"hours\">\n                                <div class=\"item\">7 a.m - 11 p.m.</div>\n                                <div class=\"item\">10:30 a.m - 2 p.m.</div>\n                            </div>\n                        </section>\n                        <a href=\"https:/lib.byu.edu/about/hours\"\n                            >See all hours\n                            <span class=\"material-symbols-outlined\"> chevron_right </span></a\n                        >\n                    </div>\n                }\n            </div>\n        }\n        <div id=\"accountInfo\" #accountInfo>\n            <button\n                (click)=\"isLoggedIn ? (showAccountDropdown = !showAccountDropdown) : login.emit()\"\n                class=\"wrapper\"\n                id=\"accountBtn\"\n                data-testid=\"accountBtn\"\n            >\n                <span class=\"material-symbols-outlined icon\"> person </span>\n                @if (!isScreenSmall()) {\n                    <span class=\"name\" data-testid=\"name\">{{ isLoggedIn ? name : 'Login' }}</span>\n                }\n                @if (isLoggedIn) {\n                    <span class=\"material-symbols-outlined\" data-testid=\"loginDropdown\">\n                        arrow_drop_down\n                    </span>\n                }\n            </button>\n            @if (isLoggedIn && showAccountDropdown) {\n                <div @libHbllFadeInOut id=\"accountDropdown\" data-testid=\"accountDropdown\">\n                    <a href=\"https://lib.byu.edu/account\">My Account</a>\n                    <a href=\"https://lib.byu.edu/account\">My Items</a>\n                    <a href=\"https://lib.byu.edu/account/request\">Request an item</a>\n                    <a href=\"https://lib.byu.edu/account/saved\">Saved</a>\n                    <a href=\"https://lib.byu.edu/account/course\">Courses</a>\n                    <a href=\"https://lib.byu.edu/account/rooms\">Rooms</a>\n                    <a href=\"https://lib.byu.edu/account/preferences\">Preferences</a>\n                    @if (showImpersonateButton) {\n                        <button\n                            href=\"https://lib.byu.edu/account/preferences\"\n                            (click)=\"showImpersonationModal = true; showAccountDropdown = false\"\n                            class=\"impersonate-btn\"\n                        >\n                            Impersonate\n                        </button>\n                    }\n                    <button (click)=\"logout.emit()\" data-testid=\"logout\">Logout</button>\n                </div>\n            }\n        </div>\n        @if (isScreenSmall()) {\n            <div id=\"mobileNav\">\n                <button class=\"wrapper\" data-testid=\"mobileNavBtn\" (click)=\"showNavBar = true\">\n                    <span class=\"material-symbols-outlined icon\"> menu </span>\n                </button>\n                @if (showNavBar) {\n                    <div id=\"navWrapper\" data-testid=\"mobileNav\" @libHbllSlideInOutRightLeft>\n                        <button\n                            id=\"closeMobileNavBtn\"\n                            class=\"wrapper\"\n                            data-testid=\"closeMobileNavBtn\"\n                            (click)=\"showNavBar = false\"\n                        >\n                            <span class=\"material-symbols-outlined icon\"> close </span>\n                        </button>\n                        <lib-nav-bar [height]=\"mobileSidebarHeight\" />\n                    </div>\n                }\n            </div>\n        }\n    </div>\n</header>\n\n@if (!isScreenSmall()) {\n    <div id=\"mainNav\">\n        <lib-nav-bar />\n    </div>\n}\n@if (isScreenSmall()) {\n    <a\n        id=\"mobileLibraryHours\"\n        href=\"https:/lib.byu.edu/about/hours\"\n        class=\"wrapper\"\n        data-testid=\"mobileHours\"\n    >\n        <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n    </a>\n}\n\n<ng-template #hoursTextBlock>\n    @if (libraryHours()) {\n        <span class=\"material-symbols-outlined left-icon\"> schedule </span>\n        {{\n            libraryHours()?.is_closed\n                ? 'CLOSED'\n                : \"Today's hours: \" +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.open_time) +\n                  ' - ' +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.close_time)\n        }}\n    }\n</ng-template>\n\n<lib-impersonate-modal\n    [showModal]=\"showImpersonationModal\"\n    [oidcBaseUri]=\"oidcBaseUri()\"\n    [oidcDefaultIdp]=\"oidcDefaultIdp()\"\n    [accessToken]=\"accessToken\"\n    (dismiss)=\"showImpersonationModal = false\"\n    (init)=\"showImpersonationModal = true\"\n></lib-impersonate-modal>\n", styles: [".lib-spinner{border:.3em solid #dfe9f7;border-top:.3em solid #4070b0;border-radius:100%;width:30px;height:30px;animation:loadingSpinnerAnimate 1s ease infinite;position:relative}@keyframes loadingSpinnerAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}.wrapper{display:flex;align-items:center}#mobileLibraryHours{color:#141414;background-color:#e6e6e6;font-size:1em;min-height:2em}#mobileLibraryHours.wrapper{width:100%;justify-content:center;padding:.2em}.icon,.left-icon{font-size:1.2em}.left-icon{margin-right:.4em}header{background-color:#002e5d;display:flex;align-items:center;position:relative}header a h1{font-size:100%;margin:0;height:1.8em}header a h1 img{height:100%;padding:0 0 0 .6em}header #libraryInfo{margin-left:auto;color:#fff}header #libraryInfo a,header #libraryInfo button{transition:color .2s ease-in-out;color:#fffc}header #libraryInfo a:hover,header #libraryInfo button:hover{color:#fff}header #libraryInfo #accountInfo button,header #libraryInfo #mobileNav button{padding:.8em .6em}header #libraryInfo #accountBtn .name{margin-left:.4em}header #libraryInfo #mobileNav{position:relative;z-index:11}header #libraryInfo #mobileNav #navWrapper{color:#fff;position:absolute;width:100vw;top:0;right:0}header #libraryInfo #mobileNav #navWrapper #closeMobileNavBtn{background-color:#0047ba;margin-left:auto;padding-left:.9em}header #libraryInfo :last-child button{padding-right:1em!important}header #libraryInfo .icon{font-size:1.8em}header #libraryInfo #accountInfo{position:relative}header #libraryInfo #accountInfo #accountDropdown{font-size:1em;text-wrap:nowrap;position:absolute;background-color:#002e5d;top:100%;right:-32px;z-index:11;background-color:#233753}header #libraryInfo #accountInfo #accountDropdown .impersonate-btn{color:#ca7ad1cc}header #libraryInfo #accountInfo #accountDropdown .impersonate-btn:hover{color:#ca7ad1}header #libraryInfo #accountInfo #accountDropdown a,header #libraryInfo #accountInfo #accountDropdown button{display:block;width:100%;text-align:left;padding:.4em 1.2em}header #libraryInfo #accountInfo #accountDropdown a:first-child,header #libraryInfo #accountInfo #accountDropdown button:first-child{margin-bottom:.4em;border-bottom:1px solid rgba(255,255,255,.3)}header #libraryInfo #accountInfo #accountDropdown a:last-child,header #libraryInfo #accountInfo #accountDropdown button:last-child{margin-top:.4em;border-top:1px solid rgba(255,255,255,.3);padding-bottom:.6em}header #libraryInfo #accountInfo #accountDropdown:before{content:\"\";width:0;height:0;border-style:solid;border-width:0 .6em .6em .6em;border-color:transparent transparent hsl(214,41%,23%) transparent;position:absolute;bottom:100%;right:50%;transform:translate(50%);z-index:inherit}header.desktop{padding:0 2em}header.desktop #libraryInfo #mainLibraryHours{position:relative;margin-right:1em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown{z-index:11;background-color:#fff;border-radius:4px;border:1px solid #d2d2d2;position:absolute;color:#000;padding:2em;top:100%;max-width:400%;right:50%;transform:translate(50%);margin-top:.6em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section{display:grid;grid-template-columns:repeat(3,9em);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:1em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section h2{margin:0}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours-note{grid-column:2/4;font-size:.8em;margin-top:1em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours-note ul{list-style-type:disc;list-style-position:inside;margin-left:.8em;padding:0}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours-note ul li span{left:-8px;position:relative}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .header{font-weight:600;font-size:1.2em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .detail,header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours{margin-top:.2em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .detail .item+.item,header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours .item+.item{margin-top:.2em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .detail h3,header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours h3{margin:0;font-size:inherit}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .detail{font-weight:600;white-space:nowrap}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours{white-space:nowrap}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a{color:#4070b0;display:flex;align-items:center;float:right}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a:hover{color:#6892ca}header.desktop #libraryInfo #accountInfo #accountDropdown{right:auto;left:50%;transform:translate(-50%)}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: LibraryHoursPipe, name: "libraryHours" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: NavBarComponent, selector: "lib-nav-bar", inputs: ["height"] }, { kind: "component", type: ImpersonateModalComponent, selector: "lib-impersonate-modal", inputs: ["showModal", "oidcBaseUri", "oidcDefaultIdp", "accessToken"], outputs: ["dismiss", "init"] }], animations: [libHbllSlideInOutRightLeft, libHbllFadeInOut] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-hbll-header', standalone: true, imports: [DatePipe, LowerCasePipe, LibraryHoursDatePipe], template: "<header role=\"banner\" class=\"wrapper\">\n  <h1>\n    <a href=\"https://lib.byu.edu/\">\n      <img\n        src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/byu-library-logo-full.svg\"\n        alt=\"BYU Library Logo\"\n      />\n    </a>\n  </h1>\n  <div id=\"libraryInfo\" class=\"wrapper\">\n    @if (libraryHours()) {\n    <div id=\"libraryHours\">\n      <div class=\"wrapper\">\n        <span class=\"material-symbols-outlined left-icon\"> schedule </span>\n        {{\n          libraryHours()?.is_closed\n            ? \"CLOSED\"\n            : \"Today's hours: \" +\n              (libraryHours()!.date\n                | libraryHoursDate : libraryHours()!.open_time\n                | date : \"ha\"\n                | lowercase) +\n              \" - \" +\n              (libraryHours()!.date\n                | libraryHoursDate : libraryHours()!.close_time\n                | date : \"ha\"\n                | lowercase)\n        }}\n      </div>\n    </div>\n    }\n    <div id=\"accountInfo\" #accountInfo>\n      <button\n        (click)=\"\n          isLoggedIn()\n            ? (showAccountDropdown = !showAccountDropdown)\n            : login.emit()\n        \"\n        class=\"wrapper\"\n        id=\"accountBtn\"\n      >\n        <span class=\"material-symbols-outlined left-icon\"> person </span>\n        {{ isLoggedIn() ? name : \"Login\" }}\n        @if (isLoggedIn()) {\n        <span class=\"material-symbols-outlined\"> arrow_drop_down </span>\n        }\n      </button>\n      @if (isLoggedIn() && showAccountDropdown) {\n      <div id=\"accountDropdown\">\n        <a class=\"item\">My Account</a>\n        <a class=\"item\">Preferences</a>\n        <button class=\"item\" (click)=\"logout.emit()\">Logout</button>\n      </div>\n      }\n    </div>\n  </div>\n</header>\n<nav></nav>\n", styles: [":host{font-family:Source Sans Pro}.wrapper{display:flex;align-items:center}header{background-color:#002e5d;display:flex;align-items:center;padding:.6rem 1rem}h1{height:2rem}#libraryInfo{margin-left:auto}#libraryHours,#accountInfo{color:#fff;margin:.6rem}.left-icon{margin-right:.4rem}img{height:100%}#accountInfo{position:relative}#accountInfo #accountBtn:hover{opacity:.6}#accountInfo #accountDropdown{font-size:1.1rem;text-wrap:nowrap;position:absolute;background-color:#002e5d;top:100%;right:0;padding:1.2rem}#accountInfo #accountDropdown .item{display:block;padding:.4rem 0;width:100%;text-align:left}#accountInfo #accountDropdown .item:first-child{padding-top:0}#accountInfo #accountDropdown .item:last-child{padding-bottom:0}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}\n"] }]
-        }], propDecorators: { login: [{
+            args: [{ selector: 'lib-hbll-header', standalone: true, imports: [
+                        DatePipe,
+                        LowerCasePipe,
+                        LibraryHoursPipe,
+                        CommonModule,
+                        NavBarComponent,
+                        ExpandCollapseComponent,
+                        ImpersonateModalComponent,
+                    ], animations: [libHbllSlideInOutRightLeft, libHbllFadeInOut], template: "<header role=\"banner\" class=\"wrapper\" #header [ngClass]=\"{ desktop: !isScreenSmall() }\">\n    <a href=\"https://lib.byu.edu/\">\n        <h1>\n            <img\n                src=\"https://media.lib.byu.edu/web-assets/images/2.0.0/byu-hbll-logo-full.svg\"\n                alt=\"BYU Library Logo\"\n            />\n        </h1>\n    </a>\n    <div id=\"libraryInfo\" class=\"wrapper\">\n        @if (!isScreenSmall()) {\n            <div #hours id=\"mainLibraryHours\" data-testid=\"desktopHours\">\n                <button\n                    (click)=\"showLibraryHours = !showLibraryHours\"\n                    class=\"wrapper\"\n                    data-testid=\"hoursBtn\"\n                >\n                    <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n                </button>\n                @if (!isScreenSmall() && showLibraryHours) {\n                    <div\n                        @libHbllFadeInOut\n                        id=\"libraryHoursDropdown\"\n                        data-testid=\"libraryHoursDropdown\"\n                    >\n                        <section class=\"section\">\n                            <h2 class=\"header\">Regular Hours</h2>\n                            <div class=\"detail\">\n                                <h3 class=\"item\">Monday - Friday</h3>\n                                <h3 class=\"item\">Saturday</h3>\n                                <h3 class=\"item\">Sunday</h3>\n                            </div>\n                            <div class=\"hours\">\n                                <div class=\"item\">7 a.m - midnight</div>\n                                <div class=\"item\">8 a.m - midnight</div>\n                                <div class=\"item\">Closed*</div>\n                            </div>\n                            <div class=\"hours-note\">\n                                * Family history ONLY 4 p.m. - 8 p.m\n                                <ul>\n                                    <li><span>No checkouts after 11:45 p.m.</span></li>\n                                    <li>\n                                        <span>All services closed 10:45 to noon on Tuesdays</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </section>\n                        <section class=\"section\">\n                            <h2 class=\"header\">Upcoming Exceptions</h2>\n                            @if (hoursExceptions$ | async; as exceptions) {\n                                <div class=\"detail\" data-testid=\"exceptionsDetail\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <h3 class=\"item\">\n                                            {{ exception.date | date: 'MMM. d, YYYY' }}\n                                        </h3>\n                                    } @empty {\n                                        No upcoming exceptions\n                                    }\n                                </div>\n                                <div class=\"hours\" data-testid=\"exceptionsHours\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <div class=\"item\">{{ exception.exception_title }}</div>\n                                    }\n                                </div>\n                            } @else {\n                                <div class=\"lib-spinner\" data-testid=\"exceptionsSpinner\"></div>\n                            }\n                        </section>\n                        <section class=\"section\">\n                            <h2 class=\"header\">Library Cafe</h2>\n                            <div class=\"detail\">\n                                <h3 class=\"item\">Bagel Bubble</h3>\n                                <h3 class=\"item\">Provecho</h3>\n                            </div>\n                            <div class=\"hours\">\n                                <div class=\"item\">7 a.m - 11 p.m.</div>\n                                <div class=\"item\">10:30 a.m - 2 p.m.</div>\n                            </div>\n                        </section>\n                        <a href=\"https:/lib.byu.edu/about/hours\"\n                            >See all hours\n                            <span class=\"material-symbols-outlined\"> chevron_right </span></a\n                        >\n                    </div>\n                }\n            </div>\n        }\n        <div id=\"accountInfo\" #accountInfo>\n            <button\n                (click)=\"isLoggedIn ? (showAccountDropdown = !showAccountDropdown) : login.emit()\"\n                class=\"wrapper\"\n                id=\"accountBtn\"\n                data-testid=\"accountBtn\"\n            >\n                <span class=\"material-symbols-outlined icon\"> person </span>\n                @if (!isScreenSmall()) {\n                    <span class=\"name\" data-testid=\"name\">{{ isLoggedIn ? name : 'Login' }}</span>\n                }\n                @if (isLoggedIn) {\n                    <span class=\"material-symbols-outlined\" data-testid=\"loginDropdown\">\n                        arrow_drop_down\n                    </span>\n                }\n            </button>\n            @if (isLoggedIn && showAccountDropdown) {\n                <div @libHbllFadeInOut id=\"accountDropdown\" data-testid=\"accountDropdown\">\n                    <a href=\"https://lib.byu.edu/account\">My Account</a>\n                    <a href=\"https://lib.byu.edu/account\">My Items</a>\n                    <a href=\"https://lib.byu.edu/account/request\">Request an item</a>\n                    <a href=\"https://lib.byu.edu/account/saved\">Saved</a>\n                    <a href=\"https://lib.byu.edu/account/course\">Courses</a>\n                    <a href=\"https://lib.byu.edu/account/rooms\">Rooms</a>\n                    <a href=\"https://lib.byu.edu/account/preferences\">Preferences</a>\n                    @if (showImpersonateButton) {\n                        <button\n                            href=\"https://lib.byu.edu/account/preferences\"\n                            (click)=\"showImpersonationModal = true; showAccountDropdown = false\"\n                            class=\"impersonate-btn\"\n                        >\n                            Impersonate\n                        </button>\n                    }\n                    <button (click)=\"logout.emit()\" data-testid=\"logout\">Logout</button>\n                </div>\n            }\n        </div>\n        @if (isScreenSmall()) {\n            <div id=\"mobileNav\">\n                <button class=\"wrapper\" data-testid=\"mobileNavBtn\" (click)=\"showNavBar = true\">\n                    <span class=\"material-symbols-outlined icon\"> menu </span>\n                </button>\n                @if (showNavBar) {\n                    <div id=\"navWrapper\" data-testid=\"mobileNav\" @libHbllSlideInOutRightLeft>\n                        <button\n                            id=\"closeMobileNavBtn\"\n                            class=\"wrapper\"\n                            data-testid=\"closeMobileNavBtn\"\n                            (click)=\"showNavBar = false\"\n                        >\n                            <span class=\"material-symbols-outlined icon\"> close </span>\n                        </button>\n                        <lib-nav-bar [height]=\"mobileSidebarHeight\" />\n                    </div>\n                }\n            </div>\n        }\n    </div>\n</header>\n\n@if (!isScreenSmall()) {\n    <div id=\"mainNav\">\n        <lib-nav-bar />\n    </div>\n}\n@if (isScreenSmall()) {\n    <a\n        id=\"mobileLibraryHours\"\n        href=\"https:/lib.byu.edu/about/hours\"\n        class=\"wrapper\"\n        data-testid=\"mobileHours\"\n    >\n        <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n    </a>\n}\n\n<ng-template #hoursTextBlock>\n    @if (libraryHours()) {\n        <span class=\"material-symbols-outlined left-icon\"> schedule </span>\n        {{\n            libraryHours()?.is_closed\n                ? 'CLOSED'\n                : \"Today's hours: \" +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.open_time) +\n                  ' - ' +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.close_time)\n        }}\n    }\n</ng-template>\n\n<lib-impersonate-modal\n    [showModal]=\"showImpersonationModal\"\n    [oidcBaseUri]=\"oidcBaseUri()\"\n    [oidcDefaultIdp]=\"oidcDefaultIdp()\"\n    [accessToken]=\"accessToken\"\n    (dismiss)=\"showImpersonationModal = false\"\n    (init)=\"showImpersonationModal = true\"\n></lib-impersonate-modal>\n", styles: [".lib-spinner{border:.3em solid #dfe9f7;border-top:.3em solid #4070b0;border-radius:100%;width:30px;height:30px;animation:loadingSpinnerAnimate 1s ease infinite;position:relative}@keyframes loadingSpinnerAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}.wrapper{display:flex;align-items:center}#mobileLibraryHours{color:#141414;background-color:#e6e6e6;font-size:1em;min-height:2em}#mobileLibraryHours.wrapper{width:100%;justify-content:center;padding:.2em}.icon,.left-icon{font-size:1.2em}.left-icon{margin-right:.4em}header{background-color:#002e5d;display:flex;align-items:center;position:relative}header a h1{font-size:100%;margin:0;height:1.8em}header a h1 img{height:100%;padding:0 0 0 .6em}header #libraryInfo{margin-left:auto;color:#fff}header #libraryInfo a,header #libraryInfo button{transition:color .2s ease-in-out;color:#fffc}header #libraryInfo a:hover,header #libraryInfo button:hover{color:#fff}header #libraryInfo #accountInfo button,header #libraryInfo #mobileNav button{padding:.8em .6em}header #libraryInfo #accountBtn .name{margin-left:.4em}header #libraryInfo #mobileNav{position:relative;z-index:11}header #libraryInfo #mobileNav #navWrapper{color:#fff;position:absolute;width:100vw;top:0;right:0}header #libraryInfo #mobileNav #navWrapper #closeMobileNavBtn{background-color:#0047ba;margin-left:auto;padding-left:.9em}header #libraryInfo :last-child button{padding-right:1em!important}header #libraryInfo .icon{font-size:1.8em}header #libraryInfo #accountInfo{position:relative}header #libraryInfo #accountInfo #accountDropdown{font-size:1em;text-wrap:nowrap;position:absolute;background-color:#002e5d;top:100%;right:-32px;z-index:11;background-color:#233753}header #libraryInfo #accountInfo #accountDropdown .impersonate-btn{color:#ca7ad1cc}header #libraryInfo #accountInfo #accountDropdown .impersonate-btn:hover{color:#ca7ad1}header #libraryInfo #accountInfo #accountDropdown a,header #libraryInfo #accountInfo #accountDropdown button{display:block;width:100%;text-align:left;padding:.4em 1.2em}header #libraryInfo #accountInfo #accountDropdown a:first-child,header #libraryInfo #accountInfo #accountDropdown button:first-child{margin-bottom:.4em;border-bottom:1px solid rgba(255,255,255,.3)}header #libraryInfo #accountInfo #accountDropdown a:last-child,header #libraryInfo #accountInfo #accountDropdown button:last-child{margin-top:.4em;border-top:1px solid rgba(255,255,255,.3);padding-bottom:.6em}header #libraryInfo #accountInfo #accountDropdown:before{content:\"\";width:0;height:0;border-style:solid;border-width:0 .6em .6em .6em;border-color:transparent transparent hsl(214,41%,23%) transparent;position:absolute;bottom:100%;right:50%;transform:translate(50%);z-index:inherit}header.desktop{padding:0 2em}header.desktop #libraryInfo #mainLibraryHours{position:relative;margin-right:1em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown{z-index:11;background-color:#fff;border-radius:4px;border:1px solid #d2d2d2;position:absolute;color:#000;padding:2em;top:100%;max-width:400%;right:50%;transform:translate(50%);margin-top:.6em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section{display:grid;grid-template-columns:repeat(3,9em);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:1em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section h2{margin:0}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours-note{grid-column:2/4;font-size:.8em;margin-top:1em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours-note ul{list-style-type:disc;list-style-position:inside;margin-left:.8em;padding:0}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours-note ul li span{left:-8px;position:relative}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .header{font-weight:600;font-size:1.2em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .detail,header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours{margin-top:.2em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .detail .item+.item,header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours .item+.item{margin-top:.2em}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .detail h3,header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours h3{margin:0;font-size:inherit}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .detail{font-weight:600;white-space:nowrap}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .section .hours{white-space:nowrap}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a{color:#4070b0;display:flex;align-items:center;float:right}header.desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a:hover{color:#6892ca}header.desktop #libraryInfo #accountInfo #accountDropdown{right:auto;left:50%;transform:translate(-50%)}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}\n"] }]
+        }], propDecorators: { header: [{
+                type: ViewChild,
+                args: ['header']
+            }], accessToken: [{
+                type: Input
+            }], login: [{
                 type: Output
             }], logout: [{
                 type: Output
+            }], endImpersonation: [{
+                type: Output
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
 
 const ADVANCED_SEARCH_QUALIFIER_MAP = {
@@ -284,27 +932,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                 }]
         }], ctorParameters: () => [{ type: FieldByScopePipe }] });
 
-const libHbllExpandCollapse = trigger('libHbllExpandCollapse', [
-    transition('void <=> *', []),
-    transition('* <=> *', [
-        group([
-            style({ height: '{{startHeight}}px' }),
-            query('@*', [animateChild()], { optional: true }),
-            animate('.15s ease-in-out'),
-        ]),
-    ], { params: { startHeight: '0px' } }),
-]);
-const libHbllFadeInOut = trigger('libHbllFadeInOut', [
-    transition(':enter', [style({ opacity: '0' }), animate('.15s ease-out')]),
-    transition(':leave', [animate('.15s ease-out', style({ opacity: '0' }))]),
-]);
-const libHbllFadeIn = trigger('libHbllFadeIn', [
-    transition(':enter', [style({ opacity: '0' }), animate('.15s ease-out')]),
-]);
-const libHbllFadeOut = trigger('libHbllFadeOut', [
-    transition(':leave', [animate('.15s ease-out', style({ opacity: '0' }))]),
-]);
-
 /**
  * Validator method to check if a `FormGroup<{ from: FormControl<string>; to: FormControl<string> }>` is valid.
  * The FormGroup is considered valid if either both `from` and `to` are set, or both are empty strings.
@@ -337,7 +964,7 @@ class HbllMultiSelectComponent {
         this.filteredOptions$ = combineLatest([
             this.inputControl.valueChanges.pipe(startWith('')),
             this.selectedKeysChange.asObservable().pipe(startWith([])),
-        ]).pipe(map(([key]) => 
+        ]).pipe(map$1(([key]) => 
         // Display filtered options if there is a value, else display all options currently not selected.
         key
             ? this.filterOptions(key)
@@ -394,7 +1021,7 @@ class HbllMultiSelectComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HbllMultiSelectComponent, isStandalone: true, selector: "lib-hbll-multi-select", inputs: { allOptions: "allOptions", label: "label", selectedKeys: "selectedKeys" }, outputs: { selectedKeysChange: "selectedKeysChange" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"components-multi-select\">\n    <mat-form-field appearance=\"outline\">\n        <mat-chip-grid #chipGrid [attr.aria-label]=\"label + ' selection'\">\n            @for (key of selectedKeys; track key) {\n                @if (allOptions[key]) {\n                    <mat-chip-row (removed)=\"removeOption(key)\" data-testid=\"matChipRow\">\n                        {{ allOptions[key] }}\n                        <button\n                            matChipRemove\n                            [attr.aria-label]=\"'remove ' + allOptions[key]\"\n                            [attr.data-testid]=\"'remove' + key\"\n                        >\n                            <span class=\"material-symbols-outlined components-icon\"> cancel </span>\n                        </button>\n                    </mat-chip-row>\n                }\n            }\n        </mat-chip-grid>\n        <label class=\"components-hidden\" for=\"input\">{{ label }}</label>\n        <input\n            [placeholder]=\"label | titlecase\"\n            #input\n            id=\"input\"\n            [formControl]=\"inputControl\"\n            [matChipInputFor]=\"chipGrid\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            (matChipInputTokenEnd)=\"addOption($event)\"\n            data-testid=\"input\"\n        />\n        <mat-autocomplete\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"selectOption($event)\"\n            data-testid=\"autocomplete\"\n        >\n            @for (key of filteredOptions$ | async; track key) {\n                <mat-option [value]=\"key\" data-testid=\"autocompleteOption\">\n                    {{ allOptions[key] }}\n                </mat-option>\n            }\n        </mat-autocomplete>\n    </mat-form-field>\n</div>\n", styles: [".components-multi-select{font:inherit}.components-multi-select mat-form-field{font:inherit;background-color:#fff;width:100%}.components-multi-select mat-form-field .mat-mdc-form-field-infix{padding:.35em 0;min-height:0}.components-multi-select mat-form-field .mat-mdc-chip-input{font:inherit;margin-left:0}.components-multi-select mat-form-field .mat-mdc-chip-input::placeholder{opacity:.75}.components-multi-select mat-form-field .mat-mdc-text-field-wrapper{padding:0 .5em}.components-multi-select .components-icon{font-size:1em}.components-multi-select .mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{font:inherit}.components-multi-select .components-hidden{display:none}.mat-mdc-option.mdc-list-item{background-color:#fff;font:inherit}.mat-mdc-autocomplete-panel{background-color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i2.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HbllMultiSelectComponent, isStandalone: true, selector: "lib-hbll-multi-select", inputs: { allOptions: "allOptions", label: "label", selectedKeys: "selectedKeys" }, outputs: { selectedKeysChange: "selectedKeysChange" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"components-multi-select\">\n    <mat-form-field appearance=\"outline\">\n        <mat-chip-grid #chipGrid [attr.aria-label]=\"label + ' selection'\">\n            @for (key of selectedKeys; track key) {\n                @if (allOptions[key]) {\n                    <mat-chip-row (removed)=\"removeOption(key)\" data-testid=\"matChipRow\">\n                        {{ allOptions[key] }}\n                        <button\n                            matChipRemove\n                            [attr.aria-label]=\"'remove ' + allOptions[key]\"\n                            [attr.data-testid]=\"'remove' + key\"\n                        >\n                            <span class=\"material-symbols-outlined components-icon\"> cancel </span>\n                        </button>\n                    </mat-chip-row>\n                }\n            }\n        </mat-chip-grid>\n        <label class=\"components-hidden\" for=\"input\">{{ label }}</label>\n        <input\n            [placeholder]=\"label | titlecase\"\n            #input\n            id=\"input\"\n            [formControl]=\"inputControl\"\n            [matChipInputFor]=\"chipGrid\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            (matChipInputTokenEnd)=\"addOption($event)\"\n            data-testid=\"input\"\n        />\n        <mat-autocomplete\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"selectOption($event)\"\n            data-testid=\"autocomplete\"\n        >\n            @for (key of filteredOptions$ | async; track key) {\n                <mat-option [value]=\"key\" data-testid=\"autocompleteOption\">\n                    {{ allOptions[key] }}\n                </mat-option>\n            }\n        </mat-autocomplete>\n    </mat-form-field>\n</div>\n", styles: [".components-multi-select{font:inherit}.components-multi-select mat-form-field{font:inherit;background-color:#fff;width:100%}.components-multi-select mat-form-field .mat-mdc-form-field-infix{padding:.35em 0;min-height:0}.components-multi-select mat-form-field .mat-mdc-chip-input{font:inherit;margin-left:0}.components-multi-select mat-form-field .mat-mdc-chip-input::placeholder{opacity:.75}.components-multi-select mat-form-field .mat-mdc-text-field-wrapper{padding:0 .5em}.components-multi-select .components-icon{font-size:1em}.components-multi-select .mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{font:inherit}.components-multi-select .components-hidden{display:none}.mat-mdc-option.mdc-list-item{background-color:#fff;font:inherit}.mat-mdc-autocomplete-panel{background-color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i2$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i2$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i2$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllMultiSelectComponent, decorators: [{
             type: Component,
@@ -421,17 +1048,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
 
 class HbllCheckboxComponent {
     constructor() {
-        this.isChecked = false;
+        this.isChecked = input(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HbllCheckboxComponent, isStandalone: true, selector: "lib-hbll-checkbox", inputs: { isChecked: "isChecked" }, ngImport: i0, template: "<span class=\"components-checkbox-container\" [class.components-checked]=\"isChecked\">\n    @if (isChecked) {\n        <span class=\"material-symbols-outlined components-icon\"> check </span>\n    }\n</span>\n", styles: [".components-checkbox-container{transition:.15s;height:1.13em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:solid 1px #707070;color:#fff;box-sizing:border-box;position:relative}.components-checkbox-container.components-checked{border-color:#3a6093;background-color:#3a6093}.components-checkbox-container.components-checked .components-icon{position:absolute;font-size:1.1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HbllCheckboxComponent, isStandalone: true, selector: "lib-hbll-checkbox", inputs: { isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"components-checkbox-container\" [class.components-checked]=\"isChecked()\">\n    @if (isChecked()) {\n        <span class=\"material-symbols-outlined components-icon\"> check </span>\n    }\n</span>\n", styles: [".components-checkbox-container{transition:.15s;height:1.13em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:solid 1px #707070;color:#fff;box-sizing:border-box;position:relative}.components-checkbox-container.components-checked{border-color:#3a6093;background-color:#3a6093}.components-checkbox-container.components-checked .components-icon{position:absolute;font-size:1.1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-hbll-checkbox', standalone: true, imports: [CommonModule], template: "<span class=\"components-checkbox-container\" [class.components-checked]=\"isChecked\">\n    @if (isChecked) {\n        <span class=\"material-symbols-outlined components-icon\"> check </span>\n    }\n</span>\n", styles: [".components-checkbox-container{transition:.15s;height:1.13em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:solid 1px #707070;color:#fff;box-sizing:border-box;position:relative}.components-checkbox-container.components-checked{border-color:#3a6093;background-color:#3a6093}.components-checkbox-container.components-checked .components-icon{position:absolute;font-size:1.1em}\n"] }]
-        }], propDecorators: { isChecked: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'lib-hbll-checkbox', standalone: true, imports: [CommonModule], template: "<span class=\"components-checkbox-container\" [class.components-checked]=\"isChecked()\">\n    @if (isChecked()) {\n        <span class=\"material-symbols-outlined components-icon\"> check </span>\n    }\n</span>\n", styles: [".components-checkbox-container{transition:.15s;height:1.13em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:solid 1px #707070;color:#fff;box-sizing:border-box;position:relative}.components-checkbox-container.components-checked{border-color:#3a6093;background-color:#3a6093}.components-checkbox-container.components-checked .components-icon{position:absolute;font-size:1.1em}\n"] }]
+        }] });
 
 class DateRangeComponent {
     constructor() {
@@ -480,7 +1105,7 @@ class DateRangeComponent {
             this.dateForm.controls.to.setValue(to);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DateRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: DateRangeComponent, isStandalone: true, selector: "lib-date-range", inputs: { from: "from", to: "to" }, outputs: { validDateChange: "validDateChange", fromChange: "fromChange", toChange: "toChange" }, ngImport: i0, template: "<form id=\"fromTo\" data-testid=\"fromTo\" [formGroup]=\"dateForm\">\n    <label for=\"fromFacet\">Between</label>\n    <input\n        formControlName=\"from\"\n        id=\"fromFacet\"\n        name=\"fromFacet\"\n        data-testid=\"from\"\n        placeholder=\"YYYY\"\n        inputmode=\"numeric\"\n        minlength=\"4\"\n        maxlength=\"4\"\n        (input)=\"onFromChange()\"\n        [class.error]=\"\n            dateForm.errors?.['fromInvalid'] || dateForm.controls.from.errors?.['pattern']\n        \"\n    />\n    <label for=\"toFacet\">and</label>\n    <input\n        formControlName=\"to\"\n        id=\"toFacet\"\n        name=\"toFacet\"\n        data-testid=\"to\"\n        placeholder=\"YYYY\"\n        inputmode=\"numeric\"\n        minlength=\"4\"\n        maxlength=\"4\"\n        (input)=\"onToChange()\"\n        [class.error]=\"dateForm.errors?.['toInvalid'] || dateForm.controls.to.errors?.['pattern']\"\n    />\n</form>\n", styles: ["input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}input:focus{border-color:#3a6093}#fromTo{margin-top:.6rem;margin-bottom:.8rem}#fromTo label{margin-right:.7em}#fromTo label:not(:first-of-type){margin-left:.7em}#fromTo input{font-size:inherit;width:3.5em}#fromTo input.error{border-color:#b04940}@media screen and (min-width: 690px){#fromTo{margin-bottom:1.4rem}#fromTo label{margin-right:.65em}#fromTo label:not(:first-of-type){margin-left:.65em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], animations: [libHbllFadeInOut], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: DateRangeComponent, isStandalone: true, selector: "lib-date-range", inputs: { from: "from", to: "to" }, outputs: { validDateChange: "validDateChange", fromChange: "fromChange", toChange: "toChange" }, ngImport: i0, template: "<form id=\"fromTo\" data-testid=\"fromTo\" [formGroup]=\"dateForm\">\n    <label for=\"fromFacet\">Between</label>\n    <input\n        formControlName=\"from\"\n        id=\"fromFacet\"\n        name=\"fromFacet\"\n        data-testid=\"from\"\n        placeholder=\"YYYY\"\n        inputmode=\"numeric\"\n        minlength=\"4\"\n        maxlength=\"4\"\n        (input)=\"onFromChange()\"\n        [class.error]=\"\n            dateForm.errors?.['fromInvalid'] || dateForm.controls.from.errors?.['pattern']\n        \"\n    />\n    <label for=\"toFacet\">and</label>\n    <input\n        formControlName=\"to\"\n        id=\"toFacet\"\n        name=\"toFacet\"\n        data-testid=\"to\"\n        placeholder=\"YYYY\"\n        inputmode=\"numeric\"\n        minlength=\"4\"\n        maxlength=\"4\"\n        (input)=\"onToChange()\"\n        [class.error]=\"dateForm.errors?.['toInvalid'] || dateForm.controls.to.errors?.['pattern']\"\n    />\n</form>\n", styles: ["input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}input:focus{border-color:#3a6093}#fromTo{margin-top:.6rem;margin-bottom:.8rem}#fromTo label{margin-right:.7em}#fromTo label:not(:first-of-type){margin-left:.7em}#fromTo input{font-size:inherit;width:3.5em}#fromTo input.error{border-color:#b04940}@media screen and (min-width: 690px){#fromTo{margin-bottom:1.4rem}#fromTo label{margin-right:.65em}#fromTo label:not(:first-of-type){margin-left:.65em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], animations: [libHbllFadeInOut], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
@@ -727,7 +1352,7 @@ class AdvancedSearchComponent {
         return this.advancedSearchForm.controls.expandResults.controls.applyEquivalentSubjects;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: AdvancedSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: AdvancedSearchComponent, isStandalone: true, selector: "lib-ss-advanced-search", inputs: { config: "config" }, outputs: { advancedSearch: "advancedSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }], ngImport: i0, template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Creation Date' }\"\n            ></ng-container>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"peerReviewed.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-hbll-checkbox\n                        [isChecked]=\"applyEquivalentSubjects.value\"\n                    ></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"fullText.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Date Published' }\"\n            ></ng-container>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n\n<ng-template #languageBlock>\n    <div>\n        <h4>Language</h4>\n        <lib-hbll-multi-select\n            [label]=\"'language'\"\n            [allOptions]=\"advancedSearchOptions.languages\"\n            [selectedKeys]=\"languages.value\"\n            (selectedKeysChange)=\"languages.setValue($any($event))\"\n        ></lib-hbll-multi-select>\n    </div>\n</ng-template>\n<ng-template #dateBlock let-header=\"header\">\n    <div id=\"dateOptions\" class=\"external\">\n        <h4>{{ header }}</h4>\n        <lib-date-range\n            [from]=\"from.value\"\n            [to]=\"to.value\"\n            (fromChange)=\"from.setValue($event)\"\n            (toChange)=\"to.setValue($event)\"\n        ></lib-date-range>\n    </div>\n</ng-template>\n", styles: ["button.ensign{background-color:#2b6042!important}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{border-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em;margin-top:0}h4{margin-bottom:.3em;font-weight:600}#dateOptions h4{margin-bottom:.8em}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.4rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:1rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions .external{grid-column:span 2}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: HbllMultiSelectComponent, selector: "lib-hbll-multi-select", inputs: ["allOptions", "label", "selectedKeys"], outputs: ["selectedKeysChange"] }, { kind: "component", type: HbllCheckboxComponent, selector: "lib-hbll-checkbox", inputs: ["isChecked"] }, { kind: "component", type: DateRangeComponent, selector: "lib-date-range", inputs: ["from", "to"], outputs: ["validDateChange", "fromChange", "toChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: AdvancedSearchComponent, isStandalone: true, selector: "lib-ss-advanced-search", inputs: { config: "config" }, outputs: { advancedSearch: "advancedSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }], ngImport: i0, template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Creation Date' }\"\n            ></ng-container>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"peerReviewed.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-hbll-checkbox\n                        [isChecked]=\"applyEquivalentSubjects.value\"\n                    ></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"fullText.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Date Published' }\"\n            ></ng-container>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n\n<ng-template #languageBlock>\n    <div>\n        <h4>Language</h4>\n        <lib-hbll-multi-select\n            [label]=\"'language'\"\n            [allOptions]=\"advancedSearchOptions.languages\"\n            [selectedKeys]=\"languages.value\"\n            (selectedKeysChange)=\"languages.setValue($any($event))\"\n        ></lib-hbll-multi-select>\n    </div>\n</ng-template>\n<ng-template #dateBlock let-header=\"header\">\n    <div id=\"dateOptions\" class=\"external\">\n        <h4>{{ header }}</h4>\n        <lib-date-range\n            [from]=\"from.value\"\n            [to]=\"to.value\"\n            (fromChange)=\"from.setValue($event)\"\n            (toChange)=\"to.setValue($event)\"\n        ></lib-date-range>\n    </div>\n</ng-template>\n", styles: ["button.ensign{background-color:#2b6042!important;border-color:#2a6142}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{border-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em;margin-top:0}h4{margin-bottom:.3em;font-weight:600}#dateOptions h4{margin-bottom:.8em}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.4rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:1rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions .external{grid-column:span 2}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: HbllMultiSelectComponent, selector: "lib-hbll-multi-select", inputs: ["allOptions", "label", "selectedKeys"], outputs: ["selectedKeysChange"] }, { kind: "component", type: HbllCheckboxComponent, selector: "lib-hbll-checkbox", inputs: ["isChecked"] }, { kind: "component", type: DateRangeComponent, selector: "lib-date-range", inputs: ["from", "to"], outputs: ["validDateChange", "fromChange", "toChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: AdvancedSearchComponent, decorators: [{
             type: Component,
@@ -739,7 +1364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         HbllMultiSelectComponent,
                         HbllCheckboxComponent,
                         DateRangeComponent,
-                    ], template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Creation Date' }\"\n            ></ng-container>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"peerReviewed.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-hbll-checkbox\n                        [isChecked]=\"applyEquivalentSubjects.value\"\n                    ></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"fullText.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Date Published' }\"\n            ></ng-container>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n\n<ng-template #languageBlock>\n    <div>\n        <h4>Language</h4>\n        <lib-hbll-multi-select\n            [label]=\"'language'\"\n            [allOptions]=\"advancedSearchOptions.languages\"\n            [selectedKeys]=\"languages.value\"\n            (selectedKeysChange)=\"languages.setValue($any($event))\"\n        ></lib-hbll-multi-select>\n    </div>\n</ng-template>\n<ng-template #dateBlock let-header=\"header\">\n    <div id=\"dateOptions\" class=\"external\">\n        <h4>{{ header }}</h4>\n        <lib-date-range\n            [from]=\"from.value\"\n            [to]=\"to.value\"\n            (fromChange)=\"from.setValue($event)\"\n            (toChange)=\"to.setValue($event)\"\n        ></lib-date-range>\n    </div>\n</ng-template>\n", styles: ["button.ensign{background-color:#2b6042!important}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{border-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em;margin-top:0}h4{margin-bottom:.3em;font-weight:600}#dateOptions h4{margin-bottom:.8em}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.4rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:1rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions .external{grid-column:span 2}}\n"] }]
+                    ], template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Creation Date' }\"\n            ></ng-container>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"peerReviewed.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-hbll-checkbox\n                        [isChecked]=\"applyEquivalentSubjects.value\"\n                    ></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"fullText.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Date Published' }\"\n            ></ng-container>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n\n<ng-template #languageBlock>\n    <div>\n        <h4>Language</h4>\n        <lib-hbll-multi-select\n            [label]=\"'language'\"\n            [allOptions]=\"advancedSearchOptions.languages\"\n            [selectedKeys]=\"languages.value\"\n            (selectedKeysChange)=\"languages.setValue($any($event))\"\n        ></lib-hbll-multi-select>\n    </div>\n</ng-template>\n<ng-template #dateBlock let-header=\"header\">\n    <div id=\"dateOptions\" class=\"external\">\n        <h4>{{ header }}</h4>\n        <lib-date-range\n            [from]=\"from.value\"\n            [to]=\"to.value\"\n            (fromChange)=\"from.setValue($event)\"\n            (toChange)=\"to.setValue($event)\"\n        ></lib-date-range>\n    </div>\n</ng-template>\n", styles: ["button.ensign{background-color:#2b6042!important;border-color:#2a6142}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{border-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em;margin-top:0}h4{margin-bottom:.3em;font-weight:600}#dateOptions h4{margin-bottom:.8em}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.4rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:1rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions .external{grid-column:span 2}}\n"] }]
         }], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
@@ -809,7 +1434,7 @@ class SimpleSearchComponent {
         this.subscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SimpleSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: SimpleSearchComponent, isStandalone: true, selector: "lib-ss-simple-search", inputs: { config: "config" }, outputs: { simpleSearch: "simpleSearch", clearSimpleSearch: "clearSimpleSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }], ngImport: i0, template: "<div class=\"ss-container\">\n    <form [formGroup]=\"searchForm\" (submit)=\"emitSimpleSearch()\" data-testid=\"searchForm\">\n        <input\n            #searchInput\n            data-testid=\"searchInput\"\n            id=\"q\"\n            name=\"q\"\n            type=\"text\"\n            required\n            aria-required=\"true\"\n            aria-label=\"search input\"\n            autocapitalize=\"off\"\n            formControlName=\"simpleQuery\"\n            matTooltip=\"Fill out this field\"\n            [matTooltipPosition]=\"'above'\"\n            [matTooltipDisabled]=\"true\"\n            [attr.aria-invalid]=\"isSubmitted && simpleQuery.invalid\"\n        />\n        <label for=\"q\" data-testid=\"label\">{{\n            config.scope === 'local'\n                ? 'Books, media, special collections and more'\n                : 'Ebooks, articles, journals, databases, streaming media and more'\n        }}</label>\n        <button\n            type=\"submit\"\n            aria-label=\"search\"\n            data-testid=\"searchBtn\"\n            [ngClass]=\"{ ensign: config.institution === 'ensign' }\"\n        >\n            <span class=\"material-symbols-outlined ss-icon\"> search </span>\n        </button>\n    </form>\n\n    @if (simpleQuery.value) {\n        <button id=\"clear\" (click)=\"clearQuery()\" data-testid=\"clearBtn\">\n            <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n        </button>\n    }\n</div>\n", styles: ["a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.ss-container{position:relative}form{display:flex}.ss-icon{font-size:1em}button[type=submit]{background:#fff;border-radius:0 4px 4px 0;margin:0;width:3em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:color .2s,background-color .2s}button[type=submit] .ss-icon{color:#0047ba;font-size:1.7em}button[type=submit]:hover .ss-icon{color:#6892ca}button[type=submit].ensign .ss-icon{color:#2b6042}button[type=submit].ensign .ss-icon:hover{color:#357551}#clear{position:absolute;right:3em;top:0%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 0 0 .6rem}#clear .ss-icon{height:auto;color:#acacac;transition:color ease-in-out .05s}#clear:hover .ss-icon{color:#666}input[type=text]{background-color:#fff;color:#000;font-family:inherit;border:none;font-weight:600;margin:0;overflow:hidden;cursor:text;width:calc(100% - 3em);font-size:1em;border-radius:4px 0 0 4px;padding:.56em 2em .56em .56em}input[type=text]:focus{outline:none}input[type=text]:valid+label,input[type=text]:focus+label{font-size:.75em;top:-.8em;padding-top:0;padding-bottom:0;pointer-events:none;margin-top:0;margin-left:.56em;cursor:default}input[type=text]:valid+label:before,input[type=text]:focus+label:before{opacity:1}label{cursor:text;transition:all .1s ease-in-out;position:absolute;padding:.5em .28em;margin-left:.28em;left:0;color:#707070;z-index:1;max-width:calc(100% - 3.4em);white-space:nowrap;line-height:normal;overflow:hidden;text-overflow:ellipsis;border-radius:4px}label:before{transition:all .1s ease-in-out;background-color:#fff;content:\"\";position:absolute;inset:0;opacity:0;z-index:-1}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: SimpleSearchComponent, isStandalone: true, selector: "lib-ss-simple-search", inputs: { config: "config" }, outputs: { simpleSearch: "simpleSearch", clearSimpleSearch: "clearSimpleSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }], ngImport: i0, template: "<div class=\"ss-container\">\n    <form [formGroup]=\"searchForm\" (submit)=\"emitSimpleSearch()\" data-testid=\"searchForm\">\n        <input\n            #searchInput\n            data-testid=\"searchInput\"\n            id=\"q\"\n            name=\"q\"\n            type=\"text\"\n            required\n            aria-required=\"true\"\n            aria-label=\"search input\"\n            autocapitalize=\"off\"\n            formControlName=\"simpleQuery\"\n            matTooltip=\"Fill out this field\"\n            [matTooltipPosition]=\"'above'\"\n            [matTooltipDisabled]=\"true\"\n            [attr.aria-invalid]=\"isSubmitted && simpleQuery.invalid\"\n        />\n        <label for=\"q\" data-testid=\"label\">{{\n            config.scope === 'local'\n                ? 'Books, media, special collections and more'\n                : 'Ebooks, articles, journals, databases, streaming media and more'\n        }}</label>\n        <button\n            type=\"submit\"\n            aria-label=\"search\"\n            data-testid=\"searchBtn\"\n            [ngClass]=\"{ ensign: config.institution === 'ensign' }\"\n        >\n            <span class=\"material-symbols-outlined ss-icon\"> search </span>\n        </button>\n    </form>\n\n    @if (simpleQuery.value) {\n        <button id=\"clear\" (click)=\"clearQuery()\" data-testid=\"clearBtn\">\n            <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n        </button>\n    }\n</div>\n", styles: ["a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.ss-container{position:relative}form{display:flex}.ss-icon{font-size:1em}button[type=submit]{background:#fff;border-radius:0 4px 4px 0;margin:0;width:3em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:color .2s,background-color .2s}button[type=submit] .ss-icon{color:#0047ba;font-size:1.7em}button[type=submit]:hover .ss-icon{color:#6892ca}button[type=submit].ensign .ss-icon{color:#2b6042}button[type=submit].ensign .ss-icon:hover{color:#357551}#clear{position:absolute;right:3em;top:0%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 0 0 .6rem}#clear .ss-icon{height:auto;color:#acacac;transition:color ease-in-out .05s}#clear:hover .ss-icon{color:#666}input[type=text]{background-color:#fff;color:#000;font-family:inherit;border:none;font-weight:600;margin:0;overflow:hidden;cursor:text;width:calc(100% - 3em);font-size:1em;border-radius:4px 0 0 4px;padding:.56em 2em .56em .56em}input[type=text]:focus{outline:none}input[type=text]:valid+label,input[type=text]:focus+label{font-size:.75em;top:-.8em;padding-top:0;padding-bottom:0;pointer-events:none;margin-top:0;margin-left:.56em;cursor:default}input[type=text]:valid+label:before,input[type=text]:focus+label:before{opacity:1}label{cursor:text;transition:all .1s ease-in-out;position:absolute;padding:.5em .28em;margin-left:.28em;left:0;color:#707070;z-index:1;max-width:calc(100% - 3.4em);white-space:nowrap;line-height:normal;overflow:hidden;text-overflow:ellipsis;border-radius:4px}label:before{transition:all .1s ease-in-out;background-color:#fff;content:\"\";position:absolute;inset:0;opacity:0;z-index:-1}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SimpleSearchComponent, decorators: [{
             type: Component,
@@ -916,7 +1541,7 @@ class SsSearchBarComponent {
         return this._config;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SsSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: SsSearchBarComponent, isStandalone: true, selector: "lib-ss-search-bar", inputs: { config: "config" }, outputs: { simpleSearch: "simpleSearch", clearSimpleSearch: "clearSimpleSearch", advancedSearch: "advancedSearch", advancedSearchClosed: "advancedSearchClosed", advancedSearchOpen: "advancedSearchOpen", tabChange: "tabChange" }, providers: [FieldByScopePipe], viewQueries: [{ propertyName: "barWrapperRef", first: true, predicate: ["barWrapperRef"], descendants: true }], ngImport: i0, template: "<div id=\"ssSearchBar\">\n    <div class=\"tabs\">\n        <button\n            (click)=\"emitTabChange('local')\"\n            class=\"ss-tab\"\n            id=\"localTab\"\n            [ngClass]=\"{\n                'ss-active': config.scope === 'local',\n                ensign: config.institution === 'ensign' && config.scope !== 'local',\n            }\"\n            data-testid=\"localTab\"\n            [disabled]=\"config.scope === 'local'\"\n        >\n            In the Library\n        </button>\n        @if (config.institution !== 'law') {\n            <div class=\"tab-spacer\"></div>\n            <button\n                (click)=\"emitTabChange('external')\"\n                class=\"ss-tab\"\n                id=\"externalTab\"\n                [ngClass]=\"{\n                    'ss-active': config.scope === 'external',\n                    ensign: config.institution === 'ensign' && config.scope !== 'external',\n                }\"\n                data-testid=\"externalTab\"\n                [disabled]=\"config.scope === 'external'\"\n            >\n                Available Online\n            </button>\n        }\n        <div class=\"tab-spacer full\"></div>\n    </div>\n    <div\n        class=\"ss-bar-wrapper\"\n        #barWrapperRef\n        [@libHbllExpandCollapse]=\"{\n            value: config.showAdvancedSearch ? (!config.showAdvancedSearchAsText ? 1 : 2) : 3,\n            params: { startHeight: heightOfContainer },\n        }\"\n    >\n        <div class=\"ss-bar-content\" data-testid=\"searchForm\">\n            @if (!config.showAdvancedSearch) {\n                <div class=\"ss-search-bar\">\n                    <lib-ss-simple-search\n                        [config]=\"config\"\n                        (simpleSearch)=\"emitSimpleSearch($event)\"\n                        (clearSimpleSearch)=\"emitClearSimpleSearch()\"\n                    ></lib-ss-simple-search>\n                </div>\n            } @else {\n                <button\n                    id=\"advSearchCloseBtn\"\n                    (click)=\"emitAdvancedSearchClosed()\"\n                    data-testid=\"advSearchCloseBtn\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> close </span>\n                </button>\n                <div id=\"advSearchWrapper\">\n                    @if (config.showAdvancedSearch && !config.showAdvancedSearchAsText) {\n                        <div>\n                            <lib-ss-advanced-search\n                                [config]=\"config\"\n                                (advancedSearch)=\"emitAdvancedSearch($event)\"\n                            ></lib-ss-advanced-search>\n                        </div>\n                    } @else {\n                        <div\n                            class=\"ss-adv-search-text\"\n                            data-testid=\"advancedSearchText\"\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | ssAdvancedQueries: config.scope\n                            \"\n                        ></div>\n                        <div\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | advancedFieldWarning: config.scope\n                            \"\n                        ></div>\n                    }\n                </div>\n            }\n        </div>\n        @if (!config.showAdvancedSearch || config.showAdvancedSearchAsText) {\n            <button\n                data-testid=\"toggleAdvSearchButton\"\n                class=\"ss-adv-search-btn\"\n                id=\"advSearchBtn\"\n                (click)=\"emitAdvancedSearchOpen()\"\n            >\n                Advanced\n                <span class=\"material-symbols-outlined ss-icon\"> keyboard_arrow_down </span>\n            </button>\n        }\n    </div>\n</div>\n", styles: ["#ssSearchBar .tabs .ss-tab.ensign{background-color:#2b6042!important}#ssSearchBar .tabs .ss-tab.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element,.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-mdc-tooltip-surface{background-color:#333!important;border-radius:3px!important;color:#fff!important;font:inherit!important;font-size:.8em!important}#ssSearchBar{--mat-app-background-color: #fdfbff;--mat-app-text-color: #1a1b1f;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: rgba(26, 27, 31, .1);--mat-option-selected-state-label-text-color: #131c2b;--mat-option-label-text-color: #1a1b1f;--mat-option-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-option-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-option-selected-state-layer-color: #dae2f9;--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 1.25rem;--mat-option-label-text-size: 1rem;--mat-option-label-text-tracking: .006rem;--mat-option-label-text-weight: 400;--mat-optgroup-label-text-color: #44474e;--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 1.25rem;--mat-optgroup-label-text-size: .875rem;--mat-optgroup-label-text-tracking: .006rem;--mat-optgroup-label-text-weight: 500;--mat-full-pseudo-checkbox-selected-icon-color: #005cbb;--mat-full-pseudo-checkbox-selected-checkmark-color: #ffffff;--mat-full-pseudo-checkbox-unselected-icon-color: #44474e;--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fdfbff;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(26, 27, 31, .38);--mat-full-pseudo-checkbox-disabled-selected-icon-color: rgba(26, 27, 31, .38);--mat-minimal-pseudo-checkbox-selected-checkmark-color: #005cbb;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(26, 27, 31, .38);--mdc-elevated-card-container-color: #fdfbff;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-elevated-card-container-shape: 12px;--mdc-outlined-card-container-color: #fdfbff;--mdc-outlined-card-outline-color: #c4c6d0;--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-shape: 12px;--mdc-outlined-card-outline-width: 1px;--mat-card-subtitle-text-color: #1a1b1f;--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 1.75rem;--mat-card-title-text-size: 1.375rem;--mat-card-title-text-tracking: 0rem;--mat-card-title-text-weight: 400;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 1.5rem;--mat-card-subtitle-text-size: 1rem;--mat-card-subtitle-text-tracking: .009rem;--mat-card-subtitle-text-weight: 500;--mdc-linear-progress-active-indicator-color: #005cbb;--mdc-linear-progress-track-color: #e0e2ec;--mdc-linear-progress-active-indicator-height: 4px;--mdc-linear-progress-track-height: 4px;--mdc-linear-progress-track-shape: 0px;--mdc-plain-tooltip-container-color: #2f3033;--mdc-plain-tooltip-supporting-text-color: #f2f0f4;--mdc-plain-tooltip-supporting-text-line-height: 1rem;--mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size: .75rem;--mdc-plain-tooltip-supporting-text-weight: 400;--mdc-plain-tooltip-supporting-text-tracking: .025rem;--mdc-plain-tooltip-container-shape: 4px;--mdc-filled-text-field-caret-color: #005cbb;--mdc-filled-text-field-focus-active-indicator-color: #005cbb;--mdc-filled-text-field-focus-label-text-color: #005cbb;--mdc-filled-text-field-container-color: #e0e2ec;--mdc-filled-text-field-disabled-container-color: rgba(26, 27, 31, .04);--mdc-filled-text-field-label-text-color: #44474e;--mdc-filled-text-field-hover-label-text-color: #44474e;--mdc-filled-text-field-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-input-text-color: #1a1b1f;--mdc-filled-text-field-disabled-input-text-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-input-text-placeholder-color: #44474e;--mdc-filled-text-field-error-hover-label-text-color: #410002;--mdc-filled-text-field-error-focus-label-text-color: #ba1a1a;--mdc-filled-text-field-error-label-text-color: #ba1a1a;--mdc-filled-text-field-active-indicator-color: #44474e;--mdc-filled-text-field-disabled-active-indicator-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-hover-active-indicator-color: #1a1b1f;--mdc-filled-text-field-error-active-indicator-color: #ba1a1a;--mdc-filled-text-field-error-focus-active-indicator-color: #ba1a1a;--mdc-filled-text-field-error-hover-active-indicator-color: #410002;--mdc-filled-text-field-label-text-font: Roboto, sans-serif;--mdc-filled-text-field-label-text-size: 1rem;--mdc-filled-text-field-label-text-tracking: .031rem;--mdc-filled-text-field-label-text-weight: 400;--mdc-filled-text-field-active-indicator-height: 1px;--mdc-filled-text-field-focus-active-indicator-height: 2px;--mdc-filled-text-field-container-shape: 4px;--mdc-outlined-text-field-caret-color: #005cbb;--mdc-outlined-text-field-focus-outline-color: #005cbb;--mdc-outlined-text-field-focus-label-text-color: #005cbb;--mdc-outlined-text-field-label-text-color: #44474e;--mdc-outlined-text-field-hover-label-text-color: #1a1b1f;--mdc-outlined-text-field-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-outlined-text-field-input-text-color: #1a1b1f;--mdc-outlined-text-field-disabled-input-text-color: rgba(26, 27, 31, .38);--mdc-outlined-text-field-input-text-placeholder-color: #44474e;--mdc-outlined-text-field-error-focus-label-text-color: #ba1a1a;--mdc-outlined-text-field-error-label-text-color: #ba1a1a;--mdc-outlined-text-field-error-hover-label-text-color: #410002;--mdc-outlined-text-field-outline-color: #74777f;--mdc-outlined-text-field-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-outlined-text-field-hover-outline-color: #1a1b1f;--mdc-outlined-text-field-error-focus-outline-color: #ba1a1a;--mdc-outlined-text-field-error-hover-outline-color: #410002;--mdc-outlined-text-field-error-outline-color: #ba1a1a;--mdc-outlined-text-field-label-text-font: Roboto, sans-serif;--mdc-outlined-text-field-label-text-size: 1rem;--mdc-outlined-text-field-label-text-tracking: .031rem;--mdc-outlined-text-field-label-text-weight: 400;--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-focus-outline-width: 2px;--mdc-outlined-text-field-container-shape: 4px;--mat-form-field-focus-select-arrow-color: #005cbb;--mat-form-field-disabled-input-text-placeholder-color: rgba(26, 27, 31, .38);--mat-form-field-state-layer-color: #1a1b1f;--mat-form-field-error-text-color: #ba1a1a;--mat-form-field-select-option-text-color: #1a1b1f;--mat-form-field-select-disabled-option-text-color: rgba(26, 27, 31, .38);--mat-form-field-leading-icon-color: #44474e;--mat-form-field-disabled-leading-icon-color: rgba(26, 27, 31, .38);--mat-form-field-trailing-icon-color: #44474e;--mat-form-field-disabled-trailing-icon-color: rgba(26, 27, 31, .38);--mat-form-field-error-focus-trailing-icon-color: #ba1a1a;--mat-form-field-error-hover-trailing-icon-color: #410002;--mat-form-field-error-trailing-icon-color: #ba1a1a;--mat-form-field-enabled-select-arrow-color: #44474e;--mat-form-field-disabled-select-arrow-color: rgba(26, 27, 31, .38);--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 1.5rem;--mat-form-field-container-text-size: 1rem;--mat-form-field-container-text-tracking: .031rem;--mat-form-field-container-text-weight: 400;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 1rem;--mat-form-field-subscript-text-size: .75rem;--mat-form-field-subscript-text-tracking: .025rem;--mat-form-field-subscript-text-weight: 400;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-form-field-focus-state-layer-opacity: 0;--mat-select-panel-background-color: #efedf1;--mat-select-enabled-trigger-text-color: #1a1b1f;--mat-select-disabled-trigger-text-color: rgba(26, 27, 31, .38);--mat-select-placeholder-text-color: #44474e;--mat-select-enabled-arrow-color: #44474e;--mat-select-disabled-arrow-color: rgba(26, 27, 31, .38);--mat-select-focused-arrow-color: #005cbb;--mat-select-invalid-arrow-color: #ba1a1a;--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 1.5rem;--mat-select-trigger-text-size: 1rem;--mat-select-trigger-text-tracking: .031rem;--mat-select-trigger-text-weight: 400;--mat-select-arrow-transform: translateY(-8px);--mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-autocomplete-background-color: #efedf1;--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-dialog-container-color: #fdfbff;--mdc-dialog-subhead-color: #1a1b1f;--mdc-dialog-supporting-text-color: #44474e;--mdc-dialog-subhead-font: Roboto, sans-serif;--mdc-dialog-subhead-line-height: 2rem;--mdc-dialog-subhead-size: 1.5rem;--mdc-dialog-subhead-weight: 400;--mdc-dialog-subhead-tracking: 0rem;--mdc-dialog-supporting-text-font: Roboto, sans-serif;--mdc-dialog-supporting-text-line-height: 1.25rem;--mdc-dialog-supporting-text-size: .875rem;--mdc-dialog-supporting-text-weight: 400;--mdc-dialog-supporting-text-tracking: .016rem;--mdc-dialog-container-shape: 28px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-container-min-width: 280px;--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-headline-padding: 6px 24px 13px;--mdc-chip-outline-color: #74777f;--mdc-chip-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-chip-focus-outline-color: #44474e;--mdc-chip-hover-state-layer-opacity: .08;--mdc-chip-selected-hover-state-layer-opacity: .08;--mdc-chip-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-chip-elevated-selected-container-color: #dae2f9;--mdc-chip-flat-disabled-selected-container-color: rgba(26, 27, 31, .12);--mdc-chip-focus-state-layer-color: #44474e;--mdc-chip-hover-state-layer-color: #44474e;--mdc-chip-selected-hover-state-layer-color: #131c2b;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-selected-focus-state-layer-color: #131c2b;--mdc-chip-selected-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: #44474e;--mdc-chip-selected-label-text-color: #131c2b;--mdc-chip-with-icon-icon-color: #44474e;--mdc-chip-with-icon-disabled-icon-color: #1a1b1f;--mdc-chip-with-icon-selected-icon-color: #131c2b;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #1a1b1f;--mdc-chip-with-trailing-icon-trailing-icon-color: #44474e;--mdc-chip-label-text-font: Roboto, sans-serif;--mdc-chip-label-text-line-height: 1.25rem;--mdc-chip-label-text-size: .875rem;--mdc-chip-label-text-tracking: .006rem;--mdc-chip-label-text-weight: 500;--mdc-chip-container-height: 32px;--mdc-chip-container-shape-radius: 8px;--mdc-chip-with-avatar-avatar-size: 24px;--mdc-chip-with-icon-icon-size: 18px;--mdc-chip-outline-width: 1px;--mdc-chip-with-avatar-disabled-avatar-opacity: .38;--mdc-chip-flat-selected-outline-width: 0;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--mdc-chip-with-icon-disabled-icon-opacity: .38;--mat-chip-trailing-action-state-layer-color: #44474e;--mat-chip-selected-trailing-action-state-layer-color: #131c2b;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-selected-disabled-trailing-icon-color: #1a1b1f;--mat-chip-selected-trailing-icon-color: #131c2b;--mat-chip-disabled-container-opacity: 1;--mat-chip-trailing-action-opacity: 1;--mat-chip-trailing-action-focus-opacity: 1;--mdc-switch-selected-focus-state-layer-opacity: .12;--mdc-switch-selected-hover-state-layer-opacity: .08;--mdc-switch-selected-pressed-state-layer-opacity: .12;--mdc-switch-unselected-focus-state-layer-opacity: .12;--mdc-switch-unselected-hover-state-layer-opacity: .08;--mdc-switch-unselected-pressed-state-layer-opacity: .12;--mdc-switch-selected-focus-state-layer-color: #005cbb;--mdc-switch-selected-handle-color: #ffffff;--mdc-switch-selected-hover-state-layer-color: #005cbb;--mdc-switch-selected-pressed-state-layer-color: #005cbb;--mdc-switch-selected-focus-handle-color: #d7e3ff;--mdc-switch-selected-hover-handle-color: #d7e3ff;--mdc-switch-selected-pressed-handle-color: #d7e3ff;--mdc-switch-selected-focus-track-color: #005cbb;--mdc-switch-selected-hover-track-color: #005cbb;--mdc-switch-selected-pressed-track-color: #005cbb;--mdc-switch-selected-track-color: #005cbb;--mdc-switch-disabled-selected-handle-color: #fdfbff;--mdc-switch-disabled-selected-icon-color: #1a1b1f;--mdc-switch-disabled-selected-track-color: #1a1b1f;--mdc-switch-disabled-unselected-handle-color: #1a1b1f;--mdc-switch-disabled-unselected-icon-color: #e0e2ec;--mdc-switch-disabled-unselected-track-color: #e0e2ec;--mdc-switch-selected-icon-color: #001b3f;--mdc-switch-unselected-focus-handle-color: #44474e;--mdc-switch-unselected-focus-state-layer-color: #1a1b1f;--mdc-switch-unselected-focus-track-color: #e0e2ec;--mdc-switch-unselected-handle-color: #74777f;--mdc-switch-unselected-hover-handle-color: #44474e;--mdc-switch-unselected-hover-state-layer-color: #1a1b1f;--mdc-switch-unselected-hover-track-color: #e0e2ec;--mdc-switch-unselected-icon-color: #e0e2ec;--mdc-switch-unselected-pressed-handle-color: #44474e;--mdc-switch-unselected-pressed-state-layer-color: #1a1b1f;--mdc-switch-unselected-pressed-track-color: #e0e2ec;--mdc-switch-unselected-track-color: #e0e2ec;--mdc-switch-disabled-selected-icon-opacity: .38;--mdc-switch-disabled-track-opacity: .12;--mdc-switch-disabled-unselected-icon-opacity: .38;--mdc-switch-handle-shape: 9999px;--mdc-switch-selected-icon-size: 16px;--mdc-switch-track-height: 32px;--mdc-switch-track-shape: 9999px;--mdc-switch-track-width: 52px;--mdc-switch-unselected-icon-size: 16px;--mdc-switch-state-layer-size: 40px;--mat-switch-track-outline-color: #74777f;--mat-switch-disabled-unselected-track-outline-color: #1a1b1f;--mat-switch-label-text-color: #1a1b1f;--mat-switch-label-text-font: Roboto, sans-serif;--mat-switch-label-text-line-height: 1.25rem;--mat-switch-label-text-size: .875rem;--mat-switch-label-text-tracking: .016rem;--mat-switch-label-text-weight: 400;--mat-switch-disabled-selected-handle-opacity: 1;--mat-switch-disabled-unselected-handle-opacity: .38;--mat-switch-unselected-handle-size: 16px;--mat-switch-selected-handle-size: 24px;--mat-switch-pressed-handle-size: 28px;--mat-switch-with-icon-handle-size: 24px;--mat-switch-selected-handle-horizontal-margin: 0 24px;--mat-switch-selected-with-icon-handle-horizontal-margin: 0 24px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 22px;--mat-switch-unselected-handle-horizontal-margin: 0 8px;--mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;--mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-switch-visible-track-opacity: 1;--mat-switch-hidden-track-opacity: 0;--mat-switch-visible-track-transition: opacity 75ms;--mat-switch-hidden-track-transition: opacity 75ms;--mat-switch-track-outline-width: 2px;--mat-switch-selected-track-outline-width: 2px;--mat-switch-selected-track-outline-color: transparent;--mat-switch-disabled-unselected-track-outline-width: 2px;--mdc-radio-disabled-selected-icon-color: #1a1b1f;--mdc-radio-disabled-unselected-icon-color: #1a1b1f;--mdc-radio-unselected-hover-icon-color: #1a1b1f;--mdc-radio-unselected-icon-color: #44474e;--mdc-radio-unselected-pressed-icon-color: #1a1b1f;--mdc-radio-selected-focus-icon-color: #005cbb;--mdc-radio-selected-hover-icon-color: #005cbb;--mdc-radio-selected-icon-color: #005cbb;--mdc-radio-selected-pressed-icon-color: #005cbb;--mdc-radio-state-layer-size: 40px;--mdc-radio-disabled-selected-icon-opacity: .38;--mdc-radio-disabled-unselected-icon-opacity: .38;--mat-radio-ripple-color: #1a1b1f;--mat-radio-checked-ripple-color: #005cbb;--mat-radio-disabled-label-color: rgba(26, 27, 31, .38);--mat-radio-label-text-color: #1a1b1f;--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 1.25rem;--mat-radio-label-text-size: .875rem;--mat-radio-label-text-tracking: .016rem;--mat-radio-label-text-weight: 400;--mat-radio-touch-target-display: block;--mdc-slider-handle-color: #005cbb;--mdc-slider-focus-handle-color: #005cbb;--mdc-slider-hover-handle-color: #005cbb;--mdc-slider-active-track-color: #005cbb;--mdc-slider-inactive-track-color: #e0e2ec;--mdc-slider-with-tick-marks-inactive-container-color: #44474e;--mdc-slider-with-tick-marks-active-container-color: #ffffff;--mdc-slider-disabled-active-track-color: #1a1b1f;--mdc-slider-disabled-handle-color: #1a1b1f;--mdc-slider-disabled-inactive-track-color: #1a1b1f;--mdc-slider-label-container-color: #005cbb;--mdc-slider-label-label-text-color: #ffffff;--mdc-slider-with-overlap-handle-outline-color: #ffffff;--mdc-slider-with-tick-marks-disabled-container-color: #1a1b1f;--mdc-slider-handle-elevation: 1;--mdc-slider-handle-shadow-color: #000000;--mdc-slider-label-label-text-font: Roboto, sans-serif;--mdc-slider-label-label-text-size: .75rem;--mdc-slider-label-label-text-line-height: 1rem;--mdc-slider-label-label-text-tracking: .031rem;--mdc-slider-label-label-text-weight: 500;--mdc-slider-active-track-height: 4px;--mdc-slider-active-track-shape: 9999px;--mdc-slider-handle-height: 20px;--mdc-slider-handle-shape: 9999px;--mdc-slider-handle-width: 20px;--mdc-slider-inactive-track-height: 4px;--mdc-slider-inactive-track-shape: 9999px;--mdc-slider-with-overlap-handle-outline-width: 1px;--mdc-slider-with-tick-marks-active-container-opacity: .38;--mdc-slider-with-tick-marks-container-shape: 9999px;--mdc-slider-with-tick-marks-container-size: 2px;--mdc-slider-with-tick-marks-inactive-container-opacity: .38;--mat-slider-ripple-color: #005cbb;--mat-slider-hover-state-layer-color: rgba(0, 92, 187, .05);--mat-slider-focus-state-layer-color: rgba(0, 92, 187, .2);--mat-slider-value-indicator-width: 28px;--mat-slider-value-indicator-height: 28px;--mat-slider-value-indicator-caret-display: none;--mat-slider-value-indicator-border-radius: 50% 50% 50% 0;--mat-slider-value-indicator-padding: 0;--mat-slider-value-indicator-text-transform: rotate(45deg);--mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);--mat-slider-value-indicator-opacity: 1;--mat-menu-item-label-text-color: #1a1b1f;--mat-menu-item-icon-color: #44474e;--mat-menu-item-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-menu-item-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-menu-container-color: #efedf1;--mat-menu-divider-color: #e0e2ec;--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-size: .875rem;--mat-menu-item-label-text-tracking: .006rem;--mat-menu-item-label-text-line-height: 1.25rem;--mat-menu-item-label-text-weight: 500;--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-spacing: 12px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px;--mat-menu-base-elevation-level: 2;--mdc-list-list-item-container-color: transparent;--mdc-list-list-item-leading-avatar-color: #d7e3ff;--mdc-list-list-item-disabled-state-layer-color: #1a1b1f;--mdc-list-list-item-disabled-state-layer-opacity: .12;--mdc-list-list-item-label-text-color: #1a1b1f;--mdc-list-list-item-supporting-text-color: #44474e;--mdc-list-list-item-leading-icon-color: #44474e;--mdc-list-list-item-trailing-supporting-text-color: #44474e;--mdc-list-list-item-trailing-icon-color: #44474e;--mdc-list-list-item-selected-trailing-icon-color: #005cbb;--mdc-list-list-item-disabled-label-text-color: #1a1b1f;--mdc-list-list-item-disabled-leading-icon-color: #1a1b1f;--mdc-list-list-item-disabled-trailing-icon-color: #1a1b1f;--mdc-list-list-item-hover-label-text-color: #1a1b1f;--mdc-list-list-item-focus-label-text-color: #1a1b1f;--mdc-list-list-item-hover-state-layer-color: #1a1b1f;--mdc-list-list-item-hover-state-layer-opacity: .08;--mdc-list-list-item-focus-state-layer-color: #1a1b1f;--mdc-list-list-item-focus-state-layer-opacity: .12;--mdc-list-list-item-label-text-font: Roboto, sans-serif;--mdc-list-list-item-label-text-line-height: 1.5rem;--mdc-list-list-item-label-text-size: 1rem;--mdc-list-list-item-label-text-tracking: .031rem;--mdc-list-list-item-label-text-weight: 400;--mdc-list-list-item-supporting-text-font: Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height: 1.25rem;--mdc-list-list-item-supporting-text-size: .875rem;--mdc-list-list-item-supporting-text-tracking: .016rem;--mdc-list-list-item-supporting-text-weight: 400;--mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height: 1rem;--mdc-list-list-item-trailing-supporting-text-size: .688rem;--mdc-list-list-item-trailing-supporting-text-tracking: .031rem;--mdc-list-list-item-trailing-supporting-text-weight: 500;--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px;--mdc-list-list-item-container-shape: 0px;--mdc-list-list-item-leading-avatar-shape: 9999px;--mdc-list-list-item-leading-icon-size: 24px;--mdc-list-list-item-leading-avatar-size: 40px;--mdc-list-list-item-trailing-icon-size: 24px;--mdc-list-list-item-disabled-label-text-opacity: .3;--mdc-list-list-item-disabled-leading-icon-opacity: .38;--mdc-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-active-indicator-color: #dae2f9;--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-active-indicator-shape: 9999px;--mat-paginator-container-text-color: #1a1b1f;--mat-paginator-container-background-color: #fdfbff;--mat-paginator-enabled-icon-color: #44474e;--mat-paginator-disabled-icon-color: rgba(26, 27, 31, .38);--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 1rem;--mat-paginator-container-text-size: .75rem;--mat-paginator-container-text-tracking: .025rem;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: .75rem;--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mdc-secondary-navigation-tab-container-height: 48px;--mdc-tab-indicator-active-indicator-color: #005cbb;--mdc-tab-indicator-active-indicator-height: 2px;--mdc-tab-indicator-active-indicator-shape: 0;--mat-tab-header-divider-color: #e0e2ec;--mat-tab-header-pagination-icon-color: #1a1b1f;--mat-tab-header-inactive-label-text-color: #1a1b1f;--mat-tab-header-active-label-text-color: #1a1b1f;--mat-tab-header-active-ripple-color: #1a1b1f;--mat-tab-header-inactive-ripple-color: #1a1b1f;--mat-tab-header-inactive-focus-label-text-color: #1a1b1f;--mat-tab-header-inactive-hover-label-text-color: #1a1b1f;--mat-tab-header-active-focus-label-text-color: #1a1b1f;--mat-tab-header-active-hover-label-text-color: #1a1b1f;--mat-tab-header-active-focus-indicator-color: #005cbb;--mat-tab-header-active-hover-indicator-color: #005cbb;--mat-tab-header-label-text-font: Roboto, sans-serif;--mat-tab-header-label-text-size: .875rem;--mat-tab-header-label-text-tracking: .006rem;--mat-tab-header-label-text-line-height: 1.25rem;--mat-tab-header-label-text-weight: 500;--mat-tab-header-divider-height: 1px;--mdc-checkbox-disabled-selected-checkmark-color: #fdfbff;--mdc-checkbox-selected-focus-state-layer-opacity: .12;--mdc-checkbox-selected-hover-state-layer-opacity: .08;--mdc-checkbox-selected-pressed-state-layer-opacity: .12;--mdc-checkbox-unselected-focus-state-layer-opacity: .12;--mdc-checkbox-unselected-hover-state-layer-opacity: .08;--mdc-checkbox-unselected-pressed-state-layer-opacity: .12;--mdc-checkbox-disabled-selected-icon-color: rgba(26, 27, 31, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(26, 27, 31, .38);--mdc-checkbox-selected-checkmark-color: #ffffff;--mdc-checkbox-selected-focus-icon-color: #005cbb;--mdc-checkbox-selected-hover-icon-color: #005cbb;--mdc-checkbox-selected-icon-color: #005cbb;--mdc-checkbox-unselected-focus-icon-color: #1a1b1f;--mdc-checkbox-unselected-hover-icon-color: #1a1b1f;--mdc-checkbox-unselected-icon-color: #44474e;--mdc-checkbox-selected-focus-state-layer-color: #005cbb;--mdc-checkbox-selected-hover-state-layer-color: #005cbb;--mdc-checkbox-selected-pressed-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-focus-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-hover-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-pressed-state-layer-color: #005cbb;--mdc-checkbox-state-layer-size: 40px;--mat-checkbox-disabled-label-color: rgba(26, 27, 31, .38);--mat-checkbox-label-text-color: #1a1b1f;--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 1.25rem;--mat-checkbox-label-text-size: .875rem;--mat-checkbox-label-text-tracking: .016rem;--mat-checkbox-label-text-weight: 400;--mat-checkbox-touch-target-display: block;--mdc-text-button-label-text-color: #005cbb;--mdc-text-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-text-button-label-text-font: Roboto, sans-serif;--mdc-text-button-label-text-size: .875rem;--mdc-text-button-label-text-tracking: .006rem;--mdc-text-button-label-text-weight: 500;--mdc-text-button-container-height: 40px;--mdc-text-button-container-shape: 9999px;--mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-container-color: #fdfbff;--mdc-protected-button-label-text-color: #005cbb;--mdc-protected-button-disabled-container-color: rgba(26, 27, 31, .12);--mdc-protected-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-protected-button-label-text-font: Roboto, sans-serif;--mdc-protected-button-label-text-size: .875rem;--mdc-protected-button-label-text-tracking: .006rem;--mdc-protected-button-label-text-weight: 500;--mdc-protected-button-container-height: 40px;--mdc-protected-button-container-shape: 9999px;--mdc-filled-button-container-color: #005cbb;--mdc-filled-button-label-text-color: #ffffff;--mdc-filled-button-disabled-container-color: rgba(26, 27, 31, .12);--mdc-filled-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-filled-button-label-text-font: Roboto, sans-serif;--mdc-filled-button-label-text-size: .875rem;--mdc-filled-button-label-text-tracking: .006rem;--mdc-filled-button-label-text-weight: 500;--mdc-filled-button-container-height: 40px;--mdc-filled-button-container-shape: 9999px;--mdc-outlined-button-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-outlined-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-outlined-button-label-text-color: #005cbb;--mdc-outlined-button-outline-color: #74777f;--mdc-outlined-button-label-text-font: Roboto, sans-serif;--mdc-outlined-button-label-text-size: .875rem;--mdc-outlined-button-label-text-tracking: .006rem;--mdc-outlined-button-label-text-weight: 500;--mdc-outlined-button-container-height: 40px;--mdc-outlined-button-outline-width: 1px;--mdc-outlined-button-container-shape: 9999px;--mat-text-button-state-layer-color: #005cbb;--mat-text-button-disabled-state-layer-color: #44474e;--mat-text-button-ripple-color: rgba(0, 92, 187, .12);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .12;--mat-text-button-pressed-state-layer-opacity: .12;--mat-text-button-touch-target-display: block;--mat-text-button-horizontal-padding: 12px;--mat-text-button-with-icon-horizontal-padding: 16px;--mat-text-button-icon-spacing: 8px;--mat-text-button-icon-offset: -4px;--mat-protected-button-state-layer-color: #005cbb;--mat-protected-button-disabled-state-layer-color: #44474e;--mat-protected-button-ripple-color: rgba(0, 92, 187, .12);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .12;--mat-protected-button-pressed-state-layer-opacity: .12;--mat-protected-button-touch-target-display: block;--mat-protected-button-horizontal-padding: 24px;--mat-protected-button-icon-spacing: 8px;--mat-protected-button-icon-offset: -8px;--mat-filled-button-state-layer-color: #ffffff;--mat-filled-button-disabled-state-layer-color: #44474e;--mat-filled-button-ripple-color: rgba(255, 255, 255, .12);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .12;--mat-filled-button-pressed-state-layer-opacity: .12;--mat-filled-button-touch-target-display: block;--mat-filled-button-horizontal-padding: 24px;--mat-filled-button-icon-spacing: 8px;--mat-filled-button-icon-offset: -8px;--mat-outlined-button-state-layer-color: #005cbb;--mat-outlined-button-disabled-state-layer-color: #44474e;--mat-outlined-button-ripple-color: rgba(0, 92, 187, .12);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .12;--mat-outlined-button-pressed-state-layer-opacity: .12;--mat-outlined-button-touch-target-display: block;--mat-outlined-button-horizontal-padding: 24px;--mat-outlined-button-icon-spacing: 8px;--mat-outlined-button-icon-offset: -8px;--mdc-icon-button-icon-color: #44474e;--mdc-icon-button-disabled-icon-color: rgba(26, 27, 31, .38);--mdc-icon-button-state-layer-size: 40px;--mdc-icon-button-icon-size: 24px;--mat-icon-button-state-layer-color: #44474e;--mat-icon-button-disabled-state-layer-color: #44474e;--mat-icon-button-ripple-color: rgba(68, 71, 78, .12);--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-touch-target-display: block;--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-label-text-font: Roboto, sans-serif;--mdc-extended-fab-label-text-size: .875rem;--mdc-extended-fab-label-text-tracking: .006rem;--mdc-extended-fab-label-text-weight: 500;--mdc-extended-fab-container-height: 56px;--mdc-extended-fab-container-shape: 16px;--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-container-color: #d7e3ff;--mdc-fab-container-shape: 16px;--mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-container-color: #d7e3ff;--mdc-fab-small-container-shape: 12px;--mat-fab-foreground-color: #001b3f;--mat-fab-state-layer-color: #001b3f;--mat-fab-ripple-color: rgba(0, 27, 63, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-focus-state-layer-opacity: .12;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-disabled-state-container-color: rgba(26, 27, 31, .12);--mat-fab-disabled-state-foreground-color: rgba(26, 27, 31, .38);--mat-fab-touch-target-display: block;--mat-fab-small-foreground-color: #001b3f;--mat-fab-small-state-layer-color: #001b3f;--mat-fab-small-ripple-color: rgba(0, 27, 63, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-disabled-state-container-color: rgba(26, 27, 31, .12);--mat-fab-small-disabled-state-foreground-color: rgba(26, 27, 31, .38);--mdc-snackbar-container-color: #2f3033;--mdc-snackbar-supporting-text-color: #f2f0f4;--mdc-snackbar-supporting-text-font: Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height: 1.25rem;--mdc-snackbar-supporting-text-size: .875rem;--mdc-snackbar-supporting-text-weight: 400;--mdc-snackbar-container-shape: 4px;--mat-snack-bar-button-color: #abc7ff;--mat-table-background-color: #fdfbff;--mat-table-header-headline-color: #1a1b1f;--mat-table-row-item-label-text-color: #1a1b1f;--mat-table-row-item-outline-color: #74777f;--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 1.25rem;--mat-table-header-headline-size: .875rem;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: .006rem;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 1.25rem;--mat-table-row-item-label-text-size: .875rem;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: .016rem;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 1.25rem;--mat-table-footer-supporting-text-size: .875rem;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: .016rem;--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-table-row-item-outline-width: 1px;--mdc-circular-progress-active-indicator-color: #005cbb;--mdc-circular-progress-active-indicator-width: 4px;--mdc-circular-progress-size: 48px;--mat-badge-background-color: #ba1a1a;--mat-badge-text-color: #ffffff;--mat-badge-disabled-state-background-color: rgba(186, 26, 26, .38);--mat-badge-disabled-state-text-color: #ffffff;--mat-badge-text-font: Roboto, sans-serif;--mat-badge-text-size: .688rem;--mat-badge-text-weight: 500;--mat-badge-large-size-text-size: .688rem;--mat-badge-container-shape: 9999px;--mat-badge-container-size: 16px;--mat-badge-small-size-container-size: 6px;--mat-badge-large-size-container-size: 16px;--mat-badge-legacy-container-size: unset;--mat-badge-legacy-small-size-container-size: unset;--mat-badge-legacy-large-size-container-size: unset;--mat-badge-container-offset: -12px 0;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-large-size-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-large-size-container-overlap-offset: -12px;--mat-badge-container-padding: 0 4px;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0 4px;--mat-badge-small-size-text-size: 0;--mat-bottom-sheet-container-text-color: #1a1b1f;--mat-bottom-sheet-container-background-color: #f5f3f7;--mat-bottom-sheet-container-text-font: Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height: 1.5rem;--mat-bottom-sheet-container-text-size: 1rem;--mat-bottom-sheet-container-text-tracking: .031rem;--mat-bottom-sheet-container-text-weight: 400;--mat-bottom-sheet-container-shape: 28px;--mat-standard-button-toggle-hover-state-layer-opacity: .08;--mat-standard-button-toggle-focus-state-layer-opacity: .12;--mat-standard-button-toggle-text-color: #1a1b1f;--mat-standard-button-toggle-state-layer-color: #1a1b1f;--mat-standard-button-toggle-selected-state-background-color: #dae2f9;--mat-standard-button-toggle-selected-state-text-color: #131c2b;--mat-standard-button-toggle-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(26, 27, 31, .38);--mat-standard-button-toggle-disabled-selected-state-background-color: rgba(26, 27, 31, .12);--mat-standard-button-toggle-divider-color: #74777f;--mat-standard-button-toggle-label-text-font: Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height: 1.25rem;--mat-standard-button-toggle-label-text-size: .875rem;--mat-standard-button-toggle-label-text-tracking: .006rem;--mat-standard-button-toggle-label-text-weight: 500;--mat-standard-button-toggle-height: 40px;--mat-standard-button-toggle-shape: 9999px;--mat-standard-button-toggle-background-color: transparent;--mat-standard-button-toggle-disabled-state-background-color: transparent;--mat-datepicker-calendar-date-selected-state-text-color: #ffffff;--mat-datepicker-calendar-date-selected-state-background-color: #005cbb;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-today-selected-state-outline-color: #005cbb;--mat-datepicker-calendar-date-focus-state-background-color: rgba(26, 27, 31, .12);--mat-datepicker-calendar-date-hover-state-background-color: rgba(26, 27, 31, .08);--mat-datepicker-toggle-active-state-icon-color: #44474e;--mat-datepicker-calendar-date-in-range-state-background-color: #d7e3ff;--mat-datepicker-calendar-date-in-comparison-range-state-background-color: #d7e3ff;--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #dae2f9;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #565e71;--mat-datepicker-toggle-icon-color: #44474e;--mat-datepicker-calendar-body-label-text-color: #1a1b1f;--mat-datepicker-calendar-period-button-text-color: #44474e;--mat-datepicker-calendar-period-button-icon-color: #44474e;--mat-datepicker-calendar-navigation-button-icon-color: #44474e;--mat-datepicker-calendar-header-text-color: #44474e;--mat-datepicker-calendar-date-today-outline-color: #005cbb;--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-text-color: #1a1b1f;--mat-datepicker-calendar-date-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-preview-state-outline-color: #005cbb;--mat-datepicker-range-input-separator-color: #1a1b1f;--mat-datepicker-range-input-disabled-state-separator-color: rgba(26, 27, 31, .38);--mat-datepicker-range-input-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-container-background-color: #e9e8ec;--mat-datepicker-calendar-container-text-color: #1a1b1f;--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: 1rem;--mat-datepicker-calendar-body-label-text-size: .875rem;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: .875rem;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: .875rem;--mat-datepicker-calendar-header-text-weight: 500;--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-shape: 28px;--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-date-outline-color: transparent;--mat-divider-color: #74777f;--mat-divider-width: 1px;--mat-expansion-container-background-color: #fdfbff;--mat-expansion-container-text-color: #1a1b1f;--mat-expansion-actions-divider-color: #74777f;--mat-expansion-header-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-expansion-header-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-expansion-header-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-expansion-header-text-color: #1a1b1f;--mat-expansion-header-description-color: #44474e;--mat-expansion-header-indicator-color: #44474e;--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 1rem;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: 1.5rem;--mat-expansion-header-text-tracking: .009rem;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 1.5rem;--mat-expansion-container-text-size: 1rem;--mat-expansion-container-text-tracking: .031rem;--mat-expansion-container-text-weight: 400;--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-expansion-container-shape: 12px;--mat-expansion-legacy-header-indicator-display: none;--mat-expansion-header-indicator-display: inline-block;--mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-header-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-footer-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-icon-color: inherit;--mat-sidenav-container-background-color: #fdfbff;--mat-sidenav-container-text-color: #44474e;--mat-sidenav-content-background-color: #fdfbff;--mat-sidenav-content-text-color: #1a1b1f;--mat-sidenav-scrim-color: rgba(45, 48, 56, .4);--mat-sidenav-container-shape: 16px;--mat-sidenav-container-elevation-shadow: none;--mat-sidenav-container-width: 360px;--mat-sidenav-container-divider-color: transparent;--mat-stepper-header-icon-foreground-color: #fdfbff;--mat-stepper-header-selected-state-icon-background-color: #005cbb;--mat-stepper-header-selected-state-icon-foreground-color: #ffffff;--mat-stepper-header-edit-state-icon-background-color: #005cbb;--mat-stepper-header-edit-state-icon-foreground-color: #ffffff;--mat-stepper-container-color: #fdfbff;--mat-stepper-line-color: #74777f;--mat-stepper-header-hover-state-layer-color: rgba(47, 48, 51, .08);--mat-stepper-header-focus-state-layer-color: rgba(47, 48, 51, .12);--mat-stepper-header-label-text-color: #44474e;--mat-stepper-header-optional-label-text-color: #44474e;--mat-stepper-header-selected-state-label-text-color: #44474e;--mat-stepper-header-error-state-label-text-color: #ba1a1a;--mat-stepper-header-icon-background-color: #44474e;--mat-stepper-header-error-state-icon-foreground-color: #ba1a1a;--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: .875rem;--mat-stepper-header-label-text-weight: 500;--mat-stepper-header-error-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-weight: 500;--mat-stepper-header-height: 72px;--mat-stepper-header-focus-state-layer-shape: 12px;--mat-stepper-header-hover-state-layer-shape: 12px;--mat-stepper-header-error-state-icon-background-color: transparent;--mat-sort-arrow-color: #1a1b1f;--mat-toolbar-container-background-color: #fdfbff;--mat-toolbar-container-text-color: #1a1b1f;--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 1.75rem;--mat-toolbar-title-text-size: 1.375rem;--mat-toolbar-title-text-tracking: 0rem;--mat-toolbar-title-text-weight: 400;--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-tree-container-background-color: #fdfbff;--mat-tree-node-text-color: #1a1b1f;--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 1rem;--mat-tree-node-text-weight: 400;--mat-tree-node-min-height: 48px;display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;color:#444}.mat-theme-loaded-marker{display:none}#ssSearchBar .tabs{display:flex;width:100%;margin-bottom:-1px;z-index:10}#ssSearchBar .tabs .ss-tab{border-radius:4px 4px 0 0;border:#b7b7b7 solid 1px;border-color:#6892ca;border-bottom:none;padding:.3em 1.4em;font-size:.94em;letter-spacing:.4px;font-weight:600;background-color:#4070b0;color:#fff;white-space:nowrap;position:relative}#ssSearchBar .tabs .ss-tab:after{content:\"\";height:1px;width:calc(100% + 2px);position:absolute;bottom:0;left:-1px;background-color:#b7b7b7}#ssSearchBar .tabs .ss-tab:hover{background-color:#6892ca}#ssSearchBar .tabs .ss-tab.ss-active{color:#002e5d;margin-bottom:1px;border-color:#b7b7b7;background-color:#fffffff2}#ssSearchBar .tabs .ss-tab.ss-active:after{display:none}#ssSearchBar .tabs .ss-tab:disabled{cursor:auto}#ssSearchBar .tabs .tab-spacer{width:.3em;border-bottom:#b7b7b7 solid 1px}#ssSearchBar .tabs .tab-spacer.full{width:100%;margin-right:4px;position:relative}#ssSearchBar .ss-adv-search-text{padding-bottom:1em;padding-right:2rem;pointer-events:none}#ssSearchBar .ss-bar-wrapper{padding:1em 1em .25em;border-right:#b7b7b7 solid 1px;border-left:#b7b7b7 solid 1px;border-bottom:#b7b7b7 solid 1px;width:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;background-color:#fffffff2;border-radius:0 4px 4px;overflow:hidden}#ssSearchBar .ss-bar-wrapper:after{content:\"\";position:absolute;top:0;right:-1px;background-color:transparent;border-radius:0 4px 0 0;width:4px;height:4px;border-top:#b7b7b7 solid 1px;border-right:#b7b7b7 solid 1px}#ssSearchBar .ss-bar-content{position:relative;width:100%;height:initial}#ssSearchBar .ss-search-bar{border-radius:4px;border:#b7b7b7 solid 1px;width:100%}#ssSearchBar #advSearchCloseBtn{float:right;padding:.4em;margin:-.4em 0;color:#666;transition:all .1s}#ssSearchBar #advSearchCloseBtn:hover{color:#292929}#ssSearchBar #advSearchCloseBtn .ss-icon{font-size:1.2em;font-weight:600}#ssSearchBar .ss-adv-search-btn{font-size:.9em;color:#4070b0;margin:.2em 4em 0 auto;padding-right:.4rem;display:flex;justify-content:center;align-items:center}#ssSearchBar .ss-adv-search-btn .ss-icon{font-size:1.4em;opacity:.75;margin-top:.2rem}#ssSearchBar .ss-adv-search-btn:hover{color:#6892ca}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SsAdvancedQueriesPipe, name: "ssAdvancedQueries" }, { kind: "component", type: AdvancedSearchComponent, selector: "lib-ss-advanced-search", inputs: ["config"], outputs: ["advancedSearch"] }, { kind: "component", type: SimpleSearchComponent, selector: "lib-ss-simple-search", inputs: ["config"], outputs: ["simpleSearch", "clearSimpleSearch"] }, { kind: "pipe", type: AdvancedFieldWarningPipe, name: "advancedFieldWarning" }], animations: [libHbllExpandCollapse], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: SsSearchBarComponent, isStandalone: true, selector: "lib-ss-search-bar", inputs: { config: "config" }, outputs: { simpleSearch: "simpleSearch", clearSimpleSearch: "clearSimpleSearch", advancedSearch: "advancedSearch", advancedSearchClosed: "advancedSearchClosed", advancedSearchOpen: "advancedSearchOpen", tabChange: "tabChange" }, providers: [FieldByScopePipe], viewQueries: [{ propertyName: "barWrapperRef", first: true, predicate: ["barWrapperRef"], descendants: true }], ngImport: i0, template: "<div id=\"ssSearchBar\">\n    <div class=\"tabs\">\n        <button\n            (click)=\"emitTabChange('local')\"\n            class=\"ss-tab\"\n            id=\"localTab\"\n            [ngClass]=\"{\n                'ss-active': config.scope === 'local',\n                ensign: config.institution === 'ensign' && config.scope !== 'local',\n            }\"\n            data-testid=\"localTab\"\n            [disabled]=\"config.scope === 'local'\"\n        >\n            In the Library\n        </button>\n        @if (config.institution !== 'law') {\n            <div class=\"tab-spacer\"></div>\n            <button\n                (click)=\"emitTabChange('external')\"\n                class=\"ss-tab\"\n                id=\"externalTab\"\n                [ngClass]=\"{\n                    'ss-active': config.scope === 'external',\n                    ensign: config.institution === 'ensign' && config.scope !== 'external',\n                }\"\n                data-testid=\"externalTab\"\n                [disabled]=\"config.scope === 'external'\"\n            >\n                Available Online\n            </button>\n        }\n        <div class=\"tab-spacer full\"></div>\n    </div>\n    <div\n        class=\"ss-bar-wrapper\"\n        #barWrapperRef\n        [@libHbllExpandCollapse]=\"{\n            value: config.showAdvancedSearch ? (!config.showAdvancedSearchAsText ? 1 : 2) : 3,\n            params: { startHeight: heightOfContainer },\n        }\"\n    >\n        <div class=\"ss-bar-content\" data-testid=\"searchForm\">\n            @if (!config.showAdvancedSearch) {\n                <div class=\"ss-search-bar\">\n                    <lib-ss-simple-search\n                        [config]=\"config\"\n                        (simpleSearch)=\"emitSimpleSearch($event)\"\n                        (clearSimpleSearch)=\"emitClearSimpleSearch()\"\n                    ></lib-ss-simple-search>\n                </div>\n            } @else {\n                <button\n                    id=\"advSearchCloseBtn\"\n                    (click)=\"emitAdvancedSearchClosed()\"\n                    data-testid=\"advSearchCloseBtn\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> close </span>\n                </button>\n                <div id=\"advSearchWrapper\">\n                    @if (config.showAdvancedSearch && !config.showAdvancedSearchAsText) {\n                        <div>\n                            <lib-ss-advanced-search\n                                [config]=\"config\"\n                                (advancedSearch)=\"emitAdvancedSearch($event)\"\n                            ></lib-ss-advanced-search>\n                        </div>\n                    } @else {\n                        <div\n                            class=\"ss-adv-search-text\"\n                            data-testid=\"advancedSearchText\"\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | ssAdvancedQueries: config.scope\n                            \"\n                        ></div>\n                        <div\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | advancedFieldWarning: config.scope\n                            \"\n                        ></div>\n                    }\n                </div>\n            }\n        </div>\n        @if (!config.showAdvancedSearch || config.showAdvancedSearchAsText) {\n            <button\n                data-testid=\"toggleAdvSearchButton\"\n                class=\"ss-adv-search-btn\"\n                id=\"advSearchBtn\"\n                (click)=\"emitAdvancedSearchOpen()\"\n            >\n                Advanced\n                <span class=\"material-symbols-outlined ss-icon\"> keyboard_arrow_down </span>\n            </button>\n        }\n    </div>\n</div>\n", styles: ["#ssSearchBar .tabs .ss-tab.ensign{background-color:#2b6042!important;border-color:#2a6142}#ssSearchBar .tabs .ss-tab.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element,.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-mdc-tooltip-surface{background-color:#333!important;border-radius:3px!important;color:#fff!important;font:inherit!important;font-size:.8em!important}#ssSearchBar{--mat-app-background-color: #faf9fd;--mat-app-text-color: #1a1b1f;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: rgba(26, 27, 31, .1);--mat-option-selected-state-label-text-color: #131c2b;--mat-option-label-text-color: #1a1b1f;--mat-option-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-option-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-option-selected-state-layer-color: #dae2f9;--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 1.25rem;--mat-option-label-text-size: 1rem;--mat-option-label-text-tracking: .006rem;--mat-option-label-text-weight: 400;--mat-optgroup-label-text-color: #44474e;--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 1.25rem;--mat-optgroup-label-text-size: .875rem;--mat-optgroup-label-text-tracking: .006rem;--mat-optgroup-label-text-weight: 500;--mat-full-pseudo-checkbox-selected-icon-color: #005cbb;--mat-full-pseudo-checkbox-selected-checkmark-color: #ffffff;--mat-full-pseudo-checkbox-unselected-icon-color: #44474e;--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #faf9fd;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(26, 27, 31, .38);--mat-full-pseudo-checkbox-disabled-selected-icon-color: rgba(26, 27, 31, .38);--mat-minimal-pseudo-checkbox-selected-checkmark-color: #005cbb;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(26, 27, 31, .38);--mdc-elevated-card-container-color: #faf9fd;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-elevated-card-container-shape: 12px;--mdc-outlined-card-container-color: #faf9fd;--mdc-outlined-card-outline-color: #c4c6d0;--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-shape: 12px;--mdc-outlined-card-outline-width: 1px;--mat-card-subtitle-text-color: #1a1b1f;--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 1.75rem;--mat-card-title-text-size: 1.375rem;--mat-card-title-text-tracking: 0;--mat-card-title-text-weight: 400;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 1.5rem;--mat-card-subtitle-text-size: 1rem;--mat-card-subtitle-text-tracking: .009rem;--mat-card-subtitle-text-weight: 500;--mdc-linear-progress-active-indicator-color: #005cbb;--mdc-linear-progress-track-color: #e0e2ec;--mdc-linear-progress-active-indicator-height: 4px;--mdc-linear-progress-track-height: 4px;--mdc-linear-progress-track-shape: 0;--mdc-plain-tooltip-container-color: #2f3033;--mdc-plain-tooltip-supporting-text-color: #f2f0f4;--mdc-plain-tooltip-supporting-text-line-height: 1rem;--mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size: .75rem;--mdc-plain-tooltip-supporting-text-weight: 400;--mdc-plain-tooltip-supporting-text-tracking: .025rem;--mdc-plain-tooltip-container-shape: 4px;--mdc-filled-text-field-caret-color: #005cbb;--mdc-filled-text-field-focus-active-indicator-color: #005cbb;--mdc-filled-text-field-focus-label-text-color: #005cbb;--mdc-filled-text-field-container-color: #e0e2ec;--mdc-filled-text-field-disabled-container-color: rgba(26, 27, 31, .04);--mdc-filled-text-field-label-text-color: #44474e;--mdc-filled-text-field-hover-label-text-color: #44474e;--mdc-filled-text-field-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-input-text-color: #1a1b1f;--mdc-filled-text-field-disabled-input-text-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-input-text-placeholder-color: #44474e;--mdc-filled-text-field-error-hover-label-text-color: #410002;--mdc-filled-text-field-error-focus-label-text-color: #ba1a1a;--mdc-filled-text-field-error-label-text-color: #ba1a1a;--mdc-filled-text-field-active-indicator-color: #44474e;--mdc-filled-text-field-disabled-active-indicator-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-hover-active-indicator-color: #1a1b1f;--mdc-filled-text-field-error-active-indicator-color: #ba1a1a;--mdc-filled-text-field-error-focus-active-indicator-color: #ba1a1a;--mdc-filled-text-field-error-hover-active-indicator-color: #410002;--mdc-filled-text-field-label-text-font: Roboto, sans-serif;--mdc-filled-text-field-label-text-size: 1rem;--mdc-filled-text-field-label-text-tracking: .031rem;--mdc-filled-text-field-label-text-weight: 400;--mdc-filled-text-field-active-indicator-height: 1px;--mdc-filled-text-field-focus-active-indicator-height: 2px;--mdc-filled-text-field-container-shape: 4px;--mdc-outlined-text-field-caret-color: #005cbb;--mdc-outlined-text-field-focus-outline-color: #005cbb;--mdc-outlined-text-field-focus-label-text-color: #005cbb;--mdc-outlined-text-field-label-text-color: #44474e;--mdc-outlined-text-field-hover-label-text-color: #1a1b1f;--mdc-outlined-text-field-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-outlined-text-field-input-text-color: #1a1b1f;--mdc-outlined-text-field-disabled-input-text-color: rgba(26, 27, 31, .38);--mdc-outlined-text-field-input-text-placeholder-color: #44474e;--mdc-outlined-text-field-error-focus-label-text-color: #ba1a1a;--mdc-outlined-text-field-error-label-text-color: #ba1a1a;--mdc-outlined-text-field-error-hover-label-text-color: #410002;--mdc-outlined-text-field-outline-color: #74777f;--mdc-outlined-text-field-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-outlined-text-field-hover-outline-color: #1a1b1f;--mdc-outlined-text-field-error-focus-outline-color: #ba1a1a;--mdc-outlined-text-field-error-hover-outline-color: #410002;--mdc-outlined-text-field-error-outline-color: #ba1a1a;--mdc-outlined-text-field-label-text-font: Roboto, sans-serif;--mdc-outlined-text-field-label-text-size: 1rem;--mdc-outlined-text-field-label-text-tracking: .031rem;--mdc-outlined-text-field-label-text-weight: 400;--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-focus-outline-width: 2px;--mdc-outlined-text-field-container-shape: 4px;--mat-form-field-focus-select-arrow-color: #005cbb;--mat-form-field-disabled-input-text-placeholder-color: rgba(26, 27, 31, .38);--mat-form-field-state-layer-color: #1a1b1f;--mat-form-field-error-text-color: #ba1a1a;--mat-form-field-select-option-text-color: #1a1b1f;--mat-form-field-select-disabled-option-text-color: rgba(26, 27, 31, .38);--mat-form-field-leading-icon-color: #44474e;--mat-form-field-disabled-leading-icon-color: rgba(26, 27, 31, .38);--mat-form-field-trailing-icon-color: #44474e;--mat-form-field-disabled-trailing-icon-color: rgba(26, 27, 31, .38);--mat-form-field-error-focus-trailing-icon-color: #ba1a1a;--mat-form-field-error-hover-trailing-icon-color: #410002;--mat-form-field-error-trailing-icon-color: #ba1a1a;--mat-form-field-enabled-select-arrow-color: #44474e;--mat-form-field-disabled-select-arrow-color: rgba(26, 27, 31, .38);--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 1.5rem;--mat-form-field-container-text-size: 1rem;--mat-form-field-container-text-tracking: .031rem;--mat-form-field-container-text-weight: 400;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 1rem;--mat-form-field-subscript-text-size: .75rem;--mat-form-field-subscript-text-tracking: .025rem;--mat-form-field-subscript-text-weight: 400;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-form-field-focus-state-layer-opacity: 0;--mat-select-panel-background-color: #efedf0;--mat-select-enabled-trigger-text-color: #1a1b1f;--mat-select-disabled-trigger-text-color: rgba(26, 27, 31, .38);--mat-select-placeholder-text-color: #44474e;--mat-select-enabled-arrow-color: #44474e;--mat-select-disabled-arrow-color: rgba(26, 27, 31, .38);--mat-select-focused-arrow-color: #005cbb;--mat-select-invalid-arrow-color: #ba1a1a;--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 1.5rem;--mat-select-trigger-text-size: 1rem;--mat-select-trigger-text-tracking: .031rem;--mat-select-trigger-text-weight: 400;--mat-select-arrow-transform: translateY(-8px);--mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-autocomplete-background-color: #efedf0;--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-dialog-container-color: #faf9fd;--mdc-dialog-subhead-color: #1a1b1f;--mdc-dialog-supporting-text-color: #44474e;--mdc-dialog-subhead-font: Roboto, sans-serif;--mdc-dialog-subhead-line-height: 2rem;--mdc-dialog-subhead-size: 1.5rem;--mdc-dialog-subhead-weight: 400;--mdc-dialog-subhead-tracking: 0;--mdc-dialog-supporting-text-font: Roboto, sans-serif;--mdc-dialog-supporting-text-line-height: 1.25rem;--mdc-dialog-supporting-text-size: .875rem;--mdc-dialog-supporting-text-weight: 400;--mdc-dialog-supporting-text-tracking: .016rem;--mdc-dialog-container-shape: 28px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-container-min-width: 280px;--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-headline-padding: 6px 24px 13px;--mdc-chip-outline-color: #74777f;--mdc-chip-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-chip-focus-outline-color: #44474e;--mdc-chip-hover-state-layer-opacity: .08;--mdc-chip-selected-hover-state-layer-opacity: .08;--mdc-chip-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-chip-elevated-selected-container-color: #dae2f9;--mdc-chip-flat-disabled-selected-container-color: rgba(26, 27, 31, .12);--mdc-chip-focus-state-layer-color: #44474e;--mdc-chip-hover-state-layer-color: #44474e;--mdc-chip-selected-hover-state-layer-color: #131c2b;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-selected-focus-state-layer-color: #131c2b;--mdc-chip-selected-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: #44474e;--mdc-chip-selected-label-text-color: #131c2b;--mdc-chip-with-icon-icon-color: #44474e;--mdc-chip-with-icon-disabled-icon-color: #1a1b1f;--mdc-chip-with-icon-selected-icon-color: #131c2b;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #1a1b1f;--mdc-chip-with-trailing-icon-trailing-icon-color: #44474e;--mdc-chip-label-text-font: Roboto, sans-serif;--mdc-chip-label-text-line-height: 1.25rem;--mdc-chip-label-text-size: .875rem;--mdc-chip-label-text-tracking: .006rem;--mdc-chip-label-text-weight: 500;--mdc-chip-container-height: 32px;--mdc-chip-container-shape-radius: 8px;--mdc-chip-with-avatar-avatar-shape-radius: 24px;--mdc-chip-with-avatar-avatar-size: 24px;--mdc-chip-with-icon-icon-size: 18px;--mdc-chip-outline-width: 1px;--mdc-chip-with-avatar-disabled-avatar-opacity: .38;--mdc-chip-flat-selected-outline-width: 0;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--mdc-chip-with-icon-disabled-icon-opacity: .38;--mdc-chip-elevated-container-color: transparent;--mat-chip-trailing-action-state-layer-color: #44474e;--mat-chip-selected-trailing-action-state-layer-color: #131c2b;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-selected-disabled-trailing-icon-color: #1a1b1f;--mat-chip-selected-trailing-icon-color: #131c2b;--mat-chip-disabled-container-opacity: 1;--mat-chip-trailing-action-opacity: 1;--mat-chip-trailing-action-focus-opacity: 1;--mdc-switch-selected-focus-state-layer-opacity: .12;--mdc-switch-selected-hover-state-layer-opacity: .08;--mdc-switch-selected-pressed-state-layer-opacity: .12;--mdc-switch-unselected-focus-state-layer-opacity: .12;--mdc-switch-unselected-hover-state-layer-opacity: .08;--mdc-switch-unselected-pressed-state-layer-opacity: .12;--mdc-switch-selected-focus-state-layer-color: #005cbb;--mdc-switch-selected-handle-color: #ffffff;--mdc-switch-selected-hover-state-layer-color: #005cbb;--mdc-switch-selected-pressed-state-layer-color: #005cbb;--mdc-switch-selected-focus-handle-color: #d7e3ff;--mdc-switch-selected-hover-handle-color: #d7e3ff;--mdc-switch-selected-pressed-handle-color: #d7e3ff;--mdc-switch-selected-focus-track-color: #005cbb;--mdc-switch-selected-hover-track-color: #005cbb;--mdc-switch-selected-pressed-track-color: #005cbb;--mdc-switch-selected-track-color: #005cbb;--mdc-switch-disabled-selected-handle-color: #faf9fd;--mdc-switch-disabled-selected-icon-color: #1a1b1f;--mdc-switch-disabled-selected-track-color: #1a1b1f;--mdc-switch-disabled-unselected-handle-color: #1a1b1f;--mdc-switch-disabled-unselected-icon-color: #e0e2ec;--mdc-switch-disabled-unselected-track-color: #e0e2ec;--mdc-switch-selected-icon-color: #001b3f;--mdc-switch-unselected-focus-handle-color: #44474e;--mdc-switch-unselected-focus-state-layer-color: #1a1b1f;--mdc-switch-unselected-focus-track-color: #e0e2ec;--mdc-switch-unselected-handle-color: #74777f;--mdc-switch-unselected-hover-handle-color: #44474e;--mdc-switch-unselected-hover-state-layer-color: #1a1b1f;--mdc-switch-unselected-hover-track-color: #e0e2ec;--mdc-switch-unselected-icon-color: #e0e2ec;--mdc-switch-unselected-pressed-handle-color: #44474e;--mdc-switch-unselected-pressed-state-layer-color: #1a1b1f;--mdc-switch-unselected-pressed-track-color: #e0e2ec;--mdc-switch-unselected-track-color: #e0e2ec;--mdc-switch-disabled-selected-icon-opacity: .38;--mdc-switch-disabled-track-opacity: .12;--mdc-switch-disabled-unselected-icon-opacity: .38;--mdc-switch-handle-shape: 9999px;--mdc-switch-selected-icon-size: 16px;--mdc-switch-track-height: 32px;--mdc-switch-track-shape: 9999px;--mdc-switch-track-width: 52px;--mdc-switch-unselected-icon-size: 16px;--mdc-switch-state-layer-size: 40px;--mat-switch-track-outline-color: #74777f;--mat-switch-disabled-unselected-track-outline-color: #1a1b1f;--mat-switch-label-text-color: #1a1b1f;--mat-switch-label-text-font: Roboto, sans-serif;--mat-switch-label-text-line-height: 1.25rem;--mat-switch-label-text-size: .875rem;--mat-switch-label-text-tracking: .016rem;--mat-switch-label-text-weight: 400;--mat-switch-disabled-selected-handle-opacity: 1;--mat-switch-disabled-unselected-handle-opacity: .38;--mat-switch-unselected-handle-size: 16px;--mat-switch-selected-handle-size: 24px;--mat-switch-pressed-handle-size: 28px;--mat-switch-with-icon-handle-size: 24px;--mat-switch-selected-handle-horizontal-margin: 0 24px;--mat-switch-selected-with-icon-handle-horizontal-margin: 0 24px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 22px;--mat-switch-unselected-handle-horizontal-margin: 0 8px;--mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;--mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-switch-visible-track-opacity: 1;--mat-switch-hidden-track-opacity: 0;--mat-switch-visible-track-transition: opacity 75ms;--mat-switch-hidden-track-transition: opacity 75ms;--mat-switch-track-outline-width: 2px;--mat-switch-selected-track-outline-width: 2px;--mat-switch-selected-track-outline-color: transparent;--mat-switch-disabled-unselected-track-outline-width: 2px;--mdc-radio-disabled-selected-icon-color: #1a1b1f;--mdc-radio-disabled-unselected-icon-color: #1a1b1f;--mdc-radio-unselected-hover-icon-color: #1a1b1f;--mdc-radio-unselected-icon-color: #44474e;--mdc-radio-unselected-pressed-icon-color: #1a1b1f;--mdc-radio-selected-focus-icon-color: #005cbb;--mdc-radio-selected-hover-icon-color: #005cbb;--mdc-radio-selected-icon-color: #005cbb;--mdc-radio-selected-pressed-icon-color: #005cbb;--mdc-radio-state-layer-size: 40px;--mdc-radio-disabled-selected-icon-opacity: .38;--mdc-radio-disabled-unselected-icon-opacity: .38;--mat-radio-ripple-color: #1a1b1f;--mat-radio-checked-ripple-color: #005cbb;--mat-radio-disabled-label-color: rgba(26, 27, 31, .38);--mat-radio-label-text-color: #1a1b1f;--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 1.25rem;--mat-radio-label-text-size: .875rem;--mat-radio-label-text-tracking: .016rem;--mat-radio-label-text-weight: 400;--mat-radio-touch-target-display: block;--mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-slider-handle-color: #005cbb;--mdc-slider-focus-handle-color: #005cbb;--mdc-slider-hover-handle-color: #005cbb;--mdc-slider-active-track-color: #005cbb;--mdc-slider-inactive-track-color: #e0e2ec;--mdc-slider-with-tick-marks-inactive-container-color: #44474e;--mdc-slider-with-tick-marks-active-container-color: #ffffff;--mdc-slider-disabled-active-track-color: #1a1b1f;--mdc-slider-disabled-handle-color: #1a1b1f;--mdc-slider-disabled-inactive-track-color: #1a1b1f;--mdc-slider-label-container-color: #005cbb;--mdc-slider-label-label-text-color: #ffffff;--mdc-slider-with-overlap-handle-outline-color: #ffffff;--mdc-slider-with-tick-marks-disabled-container-color: #1a1b1f;--mdc-slider-label-label-text-font: Roboto, sans-serif;--mdc-slider-label-label-text-size: .75rem;--mdc-slider-label-label-text-line-height: 1rem;--mdc-slider-label-label-text-tracking: .031rem;--mdc-slider-label-label-text-weight: 500;--mdc-slider-active-track-height: 4px;--mdc-slider-active-track-shape: 9999px;--mdc-slider-handle-height: 20px;--mdc-slider-handle-shape: 9999px;--mdc-slider-handle-width: 20px;--mdc-slider-inactive-track-height: 4px;--mdc-slider-inactive-track-shape: 9999px;--mdc-slider-with-overlap-handle-outline-width: 1px;--mdc-slider-with-tick-marks-active-container-opacity: .38;--mdc-slider-with-tick-marks-container-shape: 9999px;--mdc-slider-with-tick-marks-container-size: 2px;--mdc-slider-with-tick-marks-inactive-container-opacity: .38;--mat-slider-ripple-color: #005cbb;--mat-slider-hover-state-layer-color: rgba(0, 92, 187, .05);--mat-slider-focus-state-layer-color: rgba(0, 92, 187, .2);--mat-slider-value-indicator-width: 28px;--mat-slider-value-indicator-height: 28px;--mat-slider-value-indicator-caret-display: none;--mat-slider-value-indicator-border-radius: 50% 50% 50% 0;--mat-slider-value-indicator-padding: 0;--mat-slider-value-indicator-text-transform: rotate(45deg);--mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);--mat-slider-value-indicator-opacity: 1;--mat-menu-item-label-text-color: #1a1b1f;--mat-menu-item-icon-color: #44474e;--mat-menu-item-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-menu-item-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-menu-container-color: #efedf0;--mat-menu-divider-color: #e0e2ec;--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-size: .875rem;--mat-menu-item-label-text-tracking: .006rem;--mat-menu-item-label-text-line-height: 1.25rem;--mat-menu-item-label-text-weight: 500;--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-spacing: 12px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px;--mat-menu-base-elevation-level: 2;--mdc-list-list-item-container-color: transparent;--mdc-list-list-item-leading-avatar-color: #d7e3ff;--mdc-list-list-item-disabled-state-layer-color: #1a1b1f;--mdc-list-list-item-disabled-state-layer-opacity: .12;--mdc-list-list-item-label-text-color: #1a1b1f;--mdc-list-list-item-supporting-text-color: #44474e;--mdc-list-list-item-leading-icon-color: #44474e;--mdc-list-list-item-trailing-supporting-text-color: #44474e;--mdc-list-list-item-trailing-icon-color: #44474e;--mdc-list-list-item-selected-trailing-icon-color: #005cbb;--mdc-list-list-item-disabled-label-text-color: #1a1b1f;--mdc-list-list-item-disabled-leading-icon-color: #1a1b1f;--mdc-list-list-item-disabled-trailing-icon-color: #1a1b1f;--mdc-list-list-item-hover-label-text-color: #1a1b1f;--mdc-list-list-item-focus-label-text-color: #1a1b1f;--mdc-list-list-item-hover-state-layer-color: #1a1b1f;--mdc-list-list-item-hover-state-layer-opacity: .08;--mdc-list-list-item-focus-state-layer-color: #1a1b1f;--mdc-list-list-item-focus-state-layer-opacity: .12;--mdc-list-list-item-label-text-font: Roboto, sans-serif;--mdc-list-list-item-label-text-line-height: 1.5rem;--mdc-list-list-item-label-text-size: 1rem;--mdc-list-list-item-label-text-tracking: .031rem;--mdc-list-list-item-label-text-weight: 400;--mdc-list-list-item-supporting-text-font: Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height: 1.25rem;--mdc-list-list-item-supporting-text-size: .875rem;--mdc-list-list-item-supporting-text-tracking: .016rem;--mdc-list-list-item-supporting-text-weight: 400;--mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height: 1rem;--mdc-list-list-item-trailing-supporting-text-size: .688rem;--mdc-list-list-item-trailing-supporting-text-tracking: .031rem;--mdc-list-list-item-trailing-supporting-text-weight: 500;--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px;--mdc-list-list-item-container-shape: 0;--mdc-list-list-item-leading-avatar-shape: 9999px;--mdc-list-list-item-leading-icon-size: 24px;--mdc-list-list-item-leading-avatar-size: 40px;--mdc-list-list-item-trailing-icon-size: 24px;--mdc-list-list-item-disabled-label-text-opacity: .3;--mdc-list-list-item-disabled-leading-icon-opacity: .38;--mdc-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-active-indicator-color: #dae2f9;--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-active-indicator-shape: 9999px;--mat-paginator-container-text-color: #1a1b1f;--mat-paginator-container-background-color: #faf9fd;--mat-paginator-enabled-icon-color: #44474e;--mat-paginator-disabled-icon-color: rgba(26, 27, 31, .38);--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 1rem;--mat-paginator-container-text-size: .75rem;--mat-paginator-container-text-tracking: .025rem;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: .75rem;--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mdc-secondary-navigation-tab-container-height: 48px;--mdc-tab-indicator-active-indicator-color: #005cbb;--mdc-tab-indicator-active-indicator-height: 2px;--mdc-tab-indicator-active-indicator-shape: 0;--mat-tab-header-divider-color: #e0e2ec;--mat-tab-header-pagination-icon-color: #1a1b1f;--mat-tab-header-inactive-label-text-color: #1a1b1f;--mat-tab-header-active-label-text-color: #1a1b1f;--mat-tab-header-active-ripple-color: #1a1b1f;--mat-tab-header-inactive-ripple-color: #1a1b1f;--mat-tab-header-inactive-focus-label-text-color: #1a1b1f;--mat-tab-header-inactive-hover-label-text-color: #1a1b1f;--mat-tab-header-active-focus-label-text-color: #1a1b1f;--mat-tab-header-active-hover-label-text-color: #1a1b1f;--mat-tab-header-active-focus-indicator-color: #005cbb;--mat-tab-header-active-hover-indicator-color: #005cbb;--mat-tab-header-label-text-font: Roboto, sans-serif;--mat-tab-header-label-text-size: .875rem;--mat-tab-header-label-text-tracking: .006rem;--mat-tab-header-label-text-line-height: 1.25rem;--mat-tab-header-label-text-weight: 500;--mat-tab-header-divider-height: 1px;--mdc-checkbox-disabled-selected-checkmark-color: #faf9fd;--mdc-checkbox-selected-focus-state-layer-opacity: .12;--mdc-checkbox-selected-hover-state-layer-opacity: .08;--mdc-checkbox-selected-pressed-state-layer-opacity: .12;--mdc-checkbox-unselected-focus-state-layer-opacity: .12;--mdc-checkbox-unselected-hover-state-layer-opacity: .08;--mdc-checkbox-unselected-pressed-state-layer-opacity: .12;--mdc-checkbox-selected-pressed-icon-color: #005cbb;--mdc-checkbox-disabled-selected-icon-color: rgba(26, 27, 31, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(26, 27, 31, .38);--mdc-checkbox-selected-checkmark-color: #ffffff;--mdc-checkbox-selected-focus-icon-color: #005cbb;--mdc-checkbox-selected-hover-icon-color: #005cbb;--mdc-checkbox-selected-icon-color: #005cbb;--mdc-checkbox-unselected-focus-icon-color: #1a1b1f;--mdc-checkbox-unselected-hover-icon-color: #1a1b1f;--mdc-checkbox-unselected-icon-color: #44474e;--mdc-checkbox-selected-focus-state-layer-color: #005cbb;--mdc-checkbox-selected-hover-state-layer-color: #005cbb;--mdc-checkbox-selected-pressed-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-focus-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-hover-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-pressed-state-layer-color: #005cbb;--mdc-checkbox-state-layer-size: 40px;--mat-checkbox-disabled-label-color: rgba(26, 27, 31, .38);--mat-checkbox-label-text-color: #1a1b1f;--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 1.25rem;--mat-checkbox-label-text-size: .875rem;--mat-checkbox-label-text-tracking: .016rem;--mat-checkbox-label-text-weight: 400;--mat-checkbox-touch-target-display: block;--mdc-text-button-label-text-color: #005cbb;--mdc-text-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-text-button-label-text-font: Roboto, sans-serif;--mdc-text-button-label-text-size: .875rem;--mdc-text-button-label-text-tracking: .006rem;--mdc-text-button-label-text-weight: 500;--mdc-text-button-container-height: 40px;--mdc-text-button-container-shape: 9999px;--mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-container-color: #faf9fd;--mdc-protected-button-label-text-color: #005cbb;--mdc-protected-button-disabled-container-color: rgba(26, 27, 31, .12);--mdc-protected-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-protected-button-label-text-font: Roboto, sans-serif;--mdc-protected-button-label-text-size: .875rem;--mdc-protected-button-label-text-tracking: .006rem;--mdc-protected-button-label-text-weight: 500;--mdc-protected-button-container-height: 40px;--mdc-protected-button-container-shape: 9999px;--mdc-filled-button-container-color: #005cbb;--mdc-filled-button-label-text-color: #ffffff;--mdc-filled-button-disabled-container-color: rgba(26, 27, 31, .12);--mdc-filled-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-filled-button-label-text-font: Roboto, sans-serif;--mdc-filled-button-label-text-size: .875rem;--mdc-filled-button-label-text-tracking: .006rem;--mdc-filled-button-label-text-weight: 500;--mdc-filled-button-container-height: 40px;--mdc-filled-button-container-shape: 9999px;--mdc-outlined-button-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-outlined-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-outlined-button-label-text-color: #005cbb;--mdc-outlined-button-outline-color: #74777f;--mdc-outlined-button-label-text-font: Roboto, sans-serif;--mdc-outlined-button-label-text-size: .875rem;--mdc-outlined-button-label-text-tracking: .006rem;--mdc-outlined-button-label-text-weight: 500;--mdc-outlined-button-container-height: 40px;--mdc-outlined-button-outline-width: 1px;--mdc-outlined-button-container-shape: 9999px;--mat-text-button-state-layer-color: #005cbb;--mat-text-button-disabled-state-layer-color: #44474e;--mat-text-button-ripple-color: rgba(0, 92, 187, .12);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .12;--mat-text-button-pressed-state-layer-opacity: .12;--mat-text-button-touch-target-display: block;--mat-text-button-horizontal-padding: 12px;--mat-text-button-with-icon-horizontal-padding: 16px;--mat-text-button-icon-spacing: 8px;--mat-text-button-icon-offset: -4px;--mat-protected-button-state-layer-color: #005cbb;--mat-protected-button-disabled-state-layer-color: #44474e;--mat-protected-button-ripple-color: rgba(0, 92, 187, .12);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .12;--mat-protected-button-pressed-state-layer-opacity: .12;--mat-protected-button-touch-target-display: block;--mat-protected-button-horizontal-padding: 24px;--mat-protected-button-icon-spacing: 8px;--mat-protected-button-icon-offset: -8px;--mat-filled-button-state-layer-color: #ffffff;--mat-filled-button-disabled-state-layer-color: #44474e;--mat-filled-button-ripple-color: rgba(255, 255, 255, .12);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .12;--mat-filled-button-pressed-state-layer-opacity: .12;--mat-filled-button-touch-target-display: block;--mat-filled-button-horizontal-padding: 24px;--mat-filled-button-icon-spacing: 8px;--mat-filled-button-icon-offset: -8px;--mat-outlined-button-state-layer-color: #005cbb;--mat-outlined-button-disabled-state-layer-color: #44474e;--mat-outlined-button-ripple-color: rgba(0, 92, 187, .12);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .12;--mat-outlined-button-pressed-state-layer-opacity: .12;--mat-outlined-button-touch-target-display: block;--mat-outlined-button-horizontal-padding: 24px;--mat-outlined-button-icon-spacing: 8px;--mat-outlined-button-icon-offset: -8px;--mdc-icon-button-icon-color: #44474e;--mdc-icon-button-disabled-icon-color: rgba(26, 27, 31, .38);--mdc-icon-button-state-layer-size: 40px;--mdc-icon-button-icon-size: 24px;--mat-icon-button-state-layer-color: #44474e;--mat-icon-button-disabled-state-layer-color: #44474e;--mat-icon-button-ripple-color: rgba(68, 71, 78, .12);--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-touch-target-display: block;--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-label-text-font: Roboto, sans-serif;--mdc-extended-fab-label-text-size: .875rem;--mdc-extended-fab-label-text-tracking: .006rem;--mdc-extended-fab-label-text-weight: 500;--mdc-extended-fab-container-height: 56px;--mdc-extended-fab-container-shape: 16px;--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-container-color: #d7e3ff;--mdc-fab-container-shape: 16px;--mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-container-color: #d7e3ff;--mdc-fab-small-container-shape: 12px;--mat-fab-foreground-color: #001b3f;--mat-fab-state-layer-color: #001b3f;--mat-fab-ripple-color: rgba(0, 27, 63, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-focus-state-layer-opacity: .12;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-disabled-state-container-color: rgba(26, 27, 31, .12);--mat-fab-disabled-state-foreground-color: rgba(26, 27, 31, .38);--mat-fab-touch-target-display: block;--mat-fab-small-foreground-color: #001b3f;--mat-fab-small-state-layer-color: #001b3f;--mat-fab-small-ripple-color: rgba(0, 27, 63, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-disabled-state-container-color: rgba(26, 27, 31, .12);--mat-fab-small-disabled-state-foreground-color: rgba(26, 27, 31, .38);--mdc-snackbar-container-color: #2f3033;--mdc-snackbar-supporting-text-color: #f2f0f4;--mdc-snackbar-supporting-text-font: Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height: 1.25rem;--mdc-snackbar-supporting-text-size: .875rem;--mdc-snackbar-supporting-text-weight: 400;--mdc-snackbar-container-shape: 4px;--mat-snack-bar-button-color: #abc7ff;--mat-table-background-color: #faf9fd;--mat-table-header-headline-color: #1a1b1f;--mat-table-row-item-label-text-color: #1a1b1f;--mat-table-row-item-outline-color: #74777f;--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 1.25rem;--mat-table-header-headline-size: .875rem;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: .006rem;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 1.25rem;--mat-table-row-item-label-text-size: .875rem;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: .016rem;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 1.25rem;--mat-table-footer-supporting-text-size: .875rem;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: .016rem;--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-table-row-item-outline-width: 1px;--mdc-circular-progress-active-indicator-color: #005cbb;--mdc-circular-progress-active-indicator-width: 4px;--mdc-circular-progress-size: 48px;--mat-badge-background-color: #ba1a1a;--mat-badge-text-color: #ffffff;--mat-badge-disabled-state-background-color: rgba(186, 26, 26, .38);--mat-badge-disabled-state-text-color: #ffffff;--mat-badge-text-font: Roboto, sans-serif;--mat-badge-text-size: .688rem;--mat-badge-text-weight: 500;--mat-badge-large-size-text-size: .688rem;--mat-badge-container-shape: 9999px;--mat-badge-container-size: 16px;--mat-badge-small-size-container-size: 6px;--mat-badge-large-size-container-size: 16px;--mat-badge-legacy-container-size: 16px;--mat-badge-legacy-small-size-container-size: 16px;--mat-badge-legacy-large-size-container-size: 16px;--mat-badge-container-offset: -12px 0;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-large-size-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-large-size-container-overlap-offset: -12px;--mat-badge-container-padding: 0 4px;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0 4px;--mat-badge-small-size-text-size: 0;--mat-bottom-sheet-container-text-color: #1a1b1f;--mat-bottom-sheet-container-background-color: #f4f3f6;--mat-bottom-sheet-container-text-font: Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height: 1.5rem;--mat-bottom-sheet-container-text-size: 1rem;--mat-bottom-sheet-container-text-tracking: .031rem;--mat-bottom-sheet-container-text-weight: 400;--mat-bottom-sheet-container-shape: 28px;--mat-standard-button-toggle-hover-state-layer-opacity: .08;--mat-standard-button-toggle-focus-state-layer-opacity: .12;--mat-standard-button-toggle-text-color: #1a1b1f;--mat-standard-button-toggle-state-layer-color: #1a1b1f;--mat-standard-button-toggle-selected-state-background-color: #dae2f9;--mat-standard-button-toggle-selected-state-text-color: #131c2b;--mat-standard-button-toggle-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(26, 27, 31, .38);--mat-standard-button-toggle-disabled-selected-state-background-color: rgba(26, 27, 31, .12);--mat-standard-button-toggle-divider-color: #74777f;--mat-standard-button-toggle-label-text-font: Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height: 1.25rem;--mat-standard-button-toggle-label-text-size: .875rem;--mat-standard-button-toggle-label-text-tracking: .006rem;--mat-standard-button-toggle-label-text-weight: 500;--mat-standard-button-toggle-height: 40px;--mat-standard-button-toggle-shape: 9999px;--mat-standard-button-toggle-background-color: transparent;--mat-standard-button-toggle-disabled-state-background-color: transparent;--mat-datepicker-calendar-date-selected-state-text-color: #ffffff;--mat-datepicker-calendar-date-selected-state-background-color: #005cbb;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-today-selected-state-outline-color: #005cbb;--mat-datepicker-calendar-date-focus-state-background-color: rgba(26, 27, 31, .12);--mat-datepicker-calendar-date-hover-state-background-color: rgba(26, 27, 31, .08);--mat-datepicker-toggle-active-state-icon-color: #44474e;--mat-datepicker-calendar-date-in-range-state-background-color: #d7e3ff;--mat-datepicker-calendar-date-in-comparison-range-state-background-color: #d7e3ff;--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #dae2f9;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #565e71;--mat-datepicker-toggle-icon-color: #44474e;--mat-datepicker-calendar-body-label-text-color: #1a1b1f;--mat-datepicker-calendar-period-button-text-color: #44474e;--mat-datepicker-calendar-period-button-icon-color: #44474e;--mat-datepicker-calendar-navigation-button-icon-color: #44474e;--mat-datepicker-calendar-header-text-color: #44474e;--mat-datepicker-calendar-date-today-outline-color: #005cbb;--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-text-color: #1a1b1f;--mat-datepicker-calendar-date-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-preview-state-outline-color: #005cbb;--mat-datepicker-range-input-separator-color: #1a1b1f;--mat-datepicker-range-input-disabled-state-separator-color: rgba(26, 27, 31, .38);--mat-datepicker-range-input-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-container-background-color: #e9e7eb;--mat-datepicker-calendar-container-text-color: #1a1b1f;--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: .875rem;--mat-datepicker-calendar-body-label-text-size: .875rem;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: .875rem;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: .875rem;--mat-datepicker-calendar-header-text-weight: 500;--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-shape: 28px;--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-date-outline-color: transparent;--mat-divider-color: #74777f;--mat-divider-width: 1px;--mat-expansion-container-background-color: #faf9fd;--mat-expansion-container-text-color: #1a1b1f;--mat-expansion-actions-divider-color: #74777f;--mat-expansion-header-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-expansion-header-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-expansion-header-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-expansion-header-text-color: #1a1b1f;--mat-expansion-header-description-color: #44474e;--mat-expansion-header-indicator-color: #44474e;--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 1rem;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: 1.5rem;--mat-expansion-header-text-tracking: .009rem;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 1.5rem;--mat-expansion-container-text-size: 1rem;--mat-expansion-container-text-tracking: .031rem;--mat-expansion-container-text-weight: 400;--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-expansion-container-shape: 12px;--mat-expansion-legacy-header-indicator-display: none;--mat-expansion-header-indicator-display: inline-block;--mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-header-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-footer-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-icon-color: inherit;--mat-sidenav-container-background-color: #faf9fd;--mat-sidenav-container-text-color: #44474e;--mat-sidenav-content-background-color: #faf9fd;--mat-sidenav-content-text-color: #1a1b1f;--mat-sidenav-scrim-color: rgba(45, 48, 56, .4);--mat-sidenav-container-shape: 16px;--mat-sidenav-container-elevation-shadow: none;--mat-sidenav-container-width: 360px;--mat-sidenav-container-divider-color: transparent;--mat-stepper-header-icon-foreground-color: #faf9fd;--mat-stepper-header-selected-state-icon-background-color: #005cbb;--mat-stepper-header-selected-state-icon-foreground-color: #ffffff;--mat-stepper-header-edit-state-icon-background-color: #005cbb;--mat-stepper-header-edit-state-icon-foreground-color: #ffffff;--mat-stepper-container-color: #faf9fd;--mat-stepper-line-color: #74777f;--mat-stepper-header-hover-state-layer-color: rgba(47, 48, 51, .08);--mat-stepper-header-focus-state-layer-color: rgba(47, 48, 51, .12);--mat-stepper-header-label-text-color: #44474e;--mat-stepper-header-optional-label-text-color: #44474e;--mat-stepper-header-selected-state-label-text-color: #44474e;--mat-stepper-header-error-state-label-text-color: #ba1a1a;--mat-stepper-header-icon-background-color: #44474e;--mat-stepper-header-error-state-icon-foreground-color: #ba1a1a;--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: .875rem;--mat-stepper-header-label-text-weight: 500;--mat-stepper-header-error-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-weight: 500;--mat-stepper-header-height: 72px;--mat-stepper-header-focus-state-layer-shape: 12px;--mat-stepper-header-hover-state-layer-shape: 12px;--mat-stepper-header-error-state-icon-background-color: transparent;--mat-sort-arrow-color: #1a1b1f;--mat-toolbar-container-background-color: #faf9fd;--mat-toolbar-container-text-color: #1a1b1f;--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 1.75rem;--mat-toolbar-title-text-size: 1.375rem;--mat-toolbar-title-text-tracking: 0;--mat-toolbar-title-text-weight: 400;--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-tree-container-background-color: #faf9fd;--mat-tree-node-text-color: #1a1b1f;--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 1rem;--mat-tree-node-text-weight: 400;--mat-tree-node-min-height: 48px;display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;color:#444}.mat-theme-loaded-marker{display:none}#ssSearchBar .tabs{display:flex;width:100%;margin-bottom:-1px;z-index:10}#ssSearchBar .tabs .ss-tab{border-radius:4px 4px 0 0;border:#b7b7b7 solid 1px;border-color:#6892ca;border-bottom:none;padding:.3em 1.4em;font-size:.94em;letter-spacing:.4px;font-weight:600;background-color:#4070b0;color:#fff;white-space:nowrap;position:relative}#ssSearchBar .tabs .ss-tab:after{content:\"\";height:1px;width:calc(100% + 2px);position:absolute;bottom:0;left:-1px;background-color:#b7b7b7}#ssSearchBar .tabs .ss-tab:hover{background-color:#6892ca}#ssSearchBar .tabs .ss-tab.ss-active{color:#002e5d;margin-bottom:1px;border-color:#b7b7b7;background-color:#fffffff2}#ssSearchBar .tabs .ss-tab.ss-active:after{display:none}#ssSearchBar .tabs .ss-tab:disabled{cursor:auto}#ssSearchBar .tabs .tab-spacer{width:.3em;border-bottom:#b7b7b7 solid 1px;position:relative}#ssSearchBar .tabs .tab-spacer:before{content:\"\";position:absolute;left:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer:after{content:\"\";position:absolute;right:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer.full{width:100%;margin-right:4px;position:relative}#ssSearchBar .ss-adv-search-text{padding-bottom:1em;padding-right:2rem;pointer-events:none}#ssSearchBar .ss-bar-wrapper{padding:1em 1em .25em;border-right:#b7b7b7 solid 1px;border-left:#b7b7b7 solid 1px;border-bottom:#b7b7b7 solid 1px;width:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;background-color:#fffffff2;border-radius:0 4px 4px;overflow:hidden}#ssSearchBar .ss-bar-wrapper:after{content:\"\";position:absolute;top:0;right:-1px;background-color:transparent;border-radius:0 4px 0 0;width:4px;height:4px;border-top:#b7b7b7 solid 1px;border-right:#b7b7b7 solid 1px}#ssSearchBar .ss-bar-content{position:relative;width:100%;height:initial}#ssSearchBar .ss-search-bar{border-radius:4px;border:#b7b7b7 solid 1px;width:100%}#ssSearchBar #advSearchCloseBtn{float:right;padding:.4em;margin:-.4em 0;color:#666;transition:all .1s}#ssSearchBar #advSearchCloseBtn:hover{color:#292929}#ssSearchBar #advSearchCloseBtn .ss-icon{font-size:1.2em;font-weight:600}#ssSearchBar .ss-adv-search-btn{font-size:.9em;color:#4070b0;margin:.2em 4em 0 auto;padding-right:.4rem;display:flex;justify-content:center;align-items:center}#ssSearchBar .ss-adv-search-btn .ss-icon{font-size:1.4em;opacity:.75;margin-top:.2rem}#ssSearchBar .ss-adv-search-btn:hover{color:#6892ca}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SsAdvancedQueriesPipe, name: "ssAdvancedQueries" }, { kind: "component", type: AdvancedSearchComponent, selector: "lib-ss-advanced-search", inputs: ["config"], outputs: ["advancedSearch"] }, { kind: "component", type: SimpleSearchComponent, selector: "lib-ss-simple-search", inputs: ["config"], outputs: ["simpleSearch", "clearSimpleSearch"] }, { kind: "pipe", type: AdvancedFieldWarningPipe, name: "advancedFieldWarning" }], animations: [libHbllExpandCollapse], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SsSearchBarComponent, decorators: [{
             type: Component,
@@ -926,7 +1551,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         AdvancedSearchComponent,
                         SimpleSearchComponent,
                         AdvancedFieldWarningPipe,
-                    ], providers: [FieldByScopePipe], animations: [libHbllExpandCollapse], encapsulation: ViewEncapsulation.None, template: "<div id=\"ssSearchBar\">\n    <div class=\"tabs\">\n        <button\n            (click)=\"emitTabChange('local')\"\n            class=\"ss-tab\"\n            id=\"localTab\"\n            [ngClass]=\"{\n                'ss-active': config.scope === 'local',\n                ensign: config.institution === 'ensign' && config.scope !== 'local',\n            }\"\n            data-testid=\"localTab\"\n            [disabled]=\"config.scope === 'local'\"\n        >\n            In the Library\n        </button>\n        @if (config.institution !== 'law') {\n            <div class=\"tab-spacer\"></div>\n            <button\n                (click)=\"emitTabChange('external')\"\n                class=\"ss-tab\"\n                id=\"externalTab\"\n                [ngClass]=\"{\n                    'ss-active': config.scope === 'external',\n                    ensign: config.institution === 'ensign' && config.scope !== 'external',\n                }\"\n                data-testid=\"externalTab\"\n                [disabled]=\"config.scope === 'external'\"\n            >\n                Available Online\n            </button>\n        }\n        <div class=\"tab-spacer full\"></div>\n    </div>\n    <div\n        class=\"ss-bar-wrapper\"\n        #barWrapperRef\n        [@libHbllExpandCollapse]=\"{\n            value: config.showAdvancedSearch ? (!config.showAdvancedSearchAsText ? 1 : 2) : 3,\n            params: { startHeight: heightOfContainer },\n        }\"\n    >\n        <div class=\"ss-bar-content\" data-testid=\"searchForm\">\n            @if (!config.showAdvancedSearch) {\n                <div class=\"ss-search-bar\">\n                    <lib-ss-simple-search\n                        [config]=\"config\"\n                        (simpleSearch)=\"emitSimpleSearch($event)\"\n                        (clearSimpleSearch)=\"emitClearSimpleSearch()\"\n                    ></lib-ss-simple-search>\n                </div>\n            } @else {\n                <button\n                    id=\"advSearchCloseBtn\"\n                    (click)=\"emitAdvancedSearchClosed()\"\n                    data-testid=\"advSearchCloseBtn\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> close </span>\n                </button>\n                <div id=\"advSearchWrapper\">\n                    @if (config.showAdvancedSearch && !config.showAdvancedSearchAsText) {\n                        <div>\n                            <lib-ss-advanced-search\n                                [config]=\"config\"\n                                (advancedSearch)=\"emitAdvancedSearch($event)\"\n                            ></lib-ss-advanced-search>\n                        </div>\n                    } @else {\n                        <div\n                            class=\"ss-adv-search-text\"\n                            data-testid=\"advancedSearchText\"\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | ssAdvancedQueries: config.scope\n                            \"\n                        ></div>\n                        <div\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | advancedFieldWarning: config.scope\n                            \"\n                        ></div>\n                    }\n                </div>\n            }\n        </div>\n        @if (!config.showAdvancedSearch || config.showAdvancedSearchAsText) {\n            <button\n                data-testid=\"toggleAdvSearchButton\"\n                class=\"ss-adv-search-btn\"\n                id=\"advSearchBtn\"\n                (click)=\"emitAdvancedSearchOpen()\"\n            >\n                Advanced\n                <span class=\"material-symbols-outlined ss-icon\"> keyboard_arrow_down </span>\n            </button>\n        }\n    </div>\n</div>\n", styles: ["#ssSearchBar .tabs .ss-tab.ensign{background-color:#2b6042!important}#ssSearchBar .tabs .ss-tab.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element,.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-mdc-tooltip-surface{background-color:#333!important;border-radius:3px!important;color:#fff!important;font:inherit!important;font-size:.8em!important}#ssSearchBar{--mat-app-background-color: #fdfbff;--mat-app-text-color: #1a1b1f;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: rgba(26, 27, 31, .1);--mat-option-selected-state-label-text-color: #131c2b;--mat-option-label-text-color: #1a1b1f;--mat-option-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-option-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-option-selected-state-layer-color: #dae2f9;--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 1.25rem;--mat-option-label-text-size: 1rem;--mat-option-label-text-tracking: .006rem;--mat-option-label-text-weight: 400;--mat-optgroup-label-text-color: #44474e;--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 1.25rem;--mat-optgroup-label-text-size: .875rem;--mat-optgroup-label-text-tracking: .006rem;--mat-optgroup-label-text-weight: 500;--mat-full-pseudo-checkbox-selected-icon-color: #005cbb;--mat-full-pseudo-checkbox-selected-checkmark-color: #ffffff;--mat-full-pseudo-checkbox-unselected-icon-color: #44474e;--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fdfbff;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(26, 27, 31, .38);--mat-full-pseudo-checkbox-disabled-selected-icon-color: rgba(26, 27, 31, .38);--mat-minimal-pseudo-checkbox-selected-checkmark-color: #005cbb;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(26, 27, 31, .38);--mdc-elevated-card-container-color: #fdfbff;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-elevated-card-container-shape: 12px;--mdc-outlined-card-container-color: #fdfbff;--mdc-outlined-card-outline-color: #c4c6d0;--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-shape: 12px;--mdc-outlined-card-outline-width: 1px;--mat-card-subtitle-text-color: #1a1b1f;--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 1.75rem;--mat-card-title-text-size: 1.375rem;--mat-card-title-text-tracking: 0rem;--mat-card-title-text-weight: 400;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 1.5rem;--mat-card-subtitle-text-size: 1rem;--mat-card-subtitle-text-tracking: .009rem;--mat-card-subtitle-text-weight: 500;--mdc-linear-progress-active-indicator-color: #005cbb;--mdc-linear-progress-track-color: #e0e2ec;--mdc-linear-progress-active-indicator-height: 4px;--mdc-linear-progress-track-height: 4px;--mdc-linear-progress-track-shape: 0px;--mdc-plain-tooltip-container-color: #2f3033;--mdc-plain-tooltip-supporting-text-color: #f2f0f4;--mdc-plain-tooltip-supporting-text-line-height: 1rem;--mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size: .75rem;--mdc-plain-tooltip-supporting-text-weight: 400;--mdc-plain-tooltip-supporting-text-tracking: .025rem;--mdc-plain-tooltip-container-shape: 4px;--mdc-filled-text-field-caret-color: #005cbb;--mdc-filled-text-field-focus-active-indicator-color: #005cbb;--mdc-filled-text-field-focus-label-text-color: #005cbb;--mdc-filled-text-field-container-color: #e0e2ec;--mdc-filled-text-field-disabled-container-color: rgba(26, 27, 31, .04);--mdc-filled-text-field-label-text-color: #44474e;--mdc-filled-text-field-hover-label-text-color: #44474e;--mdc-filled-text-field-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-input-text-color: #1a1b1f;--mdc-filled-text-field-disabled-input-text-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-input-text-placeholder-color: #44474e;--mdc-filled-text-field-error-hover-label-text-color: #410002;--mdc-filled-text-field-error-focus-label-text-color: #ba1a1a;--mdc-filled-text-field-error-label-text-color: #ba1a1a;--mdc-filled-text-field-active-indicator-color: #44474e;--mdc-filled-text-field-disabled-active-indicator-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-hover-active-indicator-color: #1a1b1f;--mdc-filled-text-field-error-active-indicator-color: #ba1a1a;--mdc-filled-text-field-error-focus-active-indicator-color: #ba1a1a;--mdc-filled-text-field-error-hover-active-indicator-color: #410002;--mdc-filled-text-field-label-text-font: Roboto, sans-serif;--mdc-filled-text-field-label-text-size: 1rem;--mdc-filled-text-field-label-text-tracking: .031rem;--mdc-filled-text-field-label-text-weight: 400;--mdc-filled-text-field-active-indicator-height: 1px;--mdc-filled-text-field-focus-active-indicator-height: 2px;--mdc-filled-text-field-container-shape: 4px;--mdc-outlined-text-field-caret-color: #005cbb;--mdc-outlined-text-field-focus-outline-color: #005cbb;--mdc-outlined-text-field-focus-label-text-color: #005cbb;--mdc-outlined-text-field-label-text-color: #44474e;--mdc-outlined-text-field-hover-label-text-color: #1a1b1f;--mdc-outlined-text-field-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-outlined-text-field-input-text-color: #1a1b1f;--mdc-outlined-text-field-disabled-input-text-color: rgba(26, 27, 31, .38);--mdc-outlined-text-field-input-text-placeholder-color: #44474e;--mdc-outlined-text-field-error-focus-label-text-color: #ba1a1a;--mdc-outlined-text-field-error-label-text-color: #ba1a1a;--mdc-outlined-text-field-error-hover-label-text-color: #410002;--mdc-outlined-text-field-outline-color: #74777f;--mdc-outlined-text-field-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-outlined-text-field-hover-outline-color: #1a1b1f;--mdc-outlined-text-field-error-focus-outline-color: #ba1a1a;--mdc-outlined-text-field-error-hover-outline-color: #410002;--mdc-outlined-text-field-error-outline-color: #ba1a1a;--mdc-outlined-text-field-label-text-font: Roboto, sans-serif;--mdc-outlined-text-field-label-text-size: 1rem;--mdc-outlined-text-field-label-text-tracking: .031rem;--mdc-outlined-text-field-label-text-weight: 400;--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-focus-outline-width: 2px;--mdc-outlined-text-field-container-shape: 4px;--mat-form-field-focus-select-arrow-color: #005cbb;--mat-form-field-disabled-input-text-placeholder-color: rgba(26, 27, 31, .38);--mat-form-field-state-layer-color: #1a1b1f;--mat-form-field-error-text-color: #ba1a1a;--mat-form-field-select-option-text-color: #1a1b1f;--mat-form-field-select-disabled-option-text-color: rgba(26, 27, 31, .38);--mat-form-field-leading-icon-color: #44474e;--mat-form-field-disabled-leading-icon-color: rgba(26, 27, 31, .38);--mat-form-field-trailing-icon-color: #44474e;--mat-form-field-disabled-trailing-icon-color: rgba(26, 27, 31, .38);--mat-form-field-error-focus-trailing-icon-color: #ba1a1a;--mat-form-field-error-hover-trailing-icon-color: #410002;--mat-form-field-error-trailing-icon-color: #ba1a1a;--mat-form-field-enabled-select-arrow-color: #44474e;--mat-form-field-disabled-select-arrow-color: rgba(26, 27, 31, .38);--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 1.5rem;--mat-form-field-container-text-size: 1rem;--mat-form-field-container-text-tracking: .031rem;--mat-form-field-container-text-weight: 400;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 1rem;--mat-form-field-subscript-text-size: .75rem;--mat-form-field-subscript-text-tracking: .025rem;--mat-form-field-subscript-text-weight: 400;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-form-field-focus-state-layer-opacity: 0;--mat-select-panel-background-color: #efedf1;--mat-select-enabled-trigger-text-color: #1a1b1f;--mat-select-disabled-trigger-text-color: rgba(26, 27, 31, .38);--mat-select-placeholder-text-color: #44474e;--mat-select-enabled-arrow-color: #44474e;--mat-select-disabled-arrow-color: rgba(26, 27, 31, .38);--mat-select-focused-arrow-color: #005cbb;--mat-select-invalid-arrow-color: #ba1a1a;--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 1.5rem;--mat-select-trigger-text-size: 1rem;--mat-select-trigger-text-tracking: .031rem;--mat-select-trigger-text-weight: 400;--mat-select-arrow-transform: translateY(-8px);--mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-autocomplete-background-color: #efedf1;--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-dialog-container-color: #fdfbff;--mdc-dialog-subhead-color: #1a1b1f;--mdc-dialog-supporting-text-color: #44474e;--mdc-dialog-subhead-font: Roboto, sans-serif;--mdc-dialog-subhead-line-height: 2rem;--mdc-dialog-subhead-size: 1.5rem;--mdc-dialog-subhead-weight: 400;--mdc-dialog-subhead-tracking: 0rem;--mdc-dialog-supporting-text-font: Roboto, sans-serif;--mdc-dialog-supporting-text-line-height: 1.25rem;--mdc-dialog-supporting-text-size: .875rem;--mdc-dialog-supporting-text-weight: 400;--mdc-dialog-supporting-text-tracking: .016rem;--mdc-dialog-container-shape: 28px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-container-min-width: 280px;--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-headline-padding: 6px 24px 13px;--mdc-chip-outline-color: #74777f;--mdc-chip-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-chip-focus-outline-color: #44474e;--mdc-chip-hover-state-layer-opacity: .08;--mdc-chip-selected-hover-state-layer-opacity: .08;--mdc-chip-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-chip-elevated-selected-container-color: #dae2f9;--mdc-chip-flat-disabled-selected-container-color: rgba(26, 27, 31, .12);--mdc-chip-focus-state-layer-color: #44474e;--mdc-chip-hover-state-layer-color: #44474e;--mdc-chip-selected-hover-state-layer-color: #131c2b;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-selected-focus-state-layer-color: #131c2b;--mdc-chip-selected-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: #44474e;--mdc-chip-selected-label-text-color: #131c2b;--mdc-chip-with-icon-icon-color: #44474e;--mdc-chip-with-icon-disabled-icon-color: #1a1b1f;--mdc-chip-with-icon-selected-icon-color: #131c2b;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #1a1b1f;--mdc-chip-with-trailing-icon-trailing-icon-color: #44474e;--mdc-chip-label-text-font: Roboto, sans-serif;--mdc-chip-label-text-line-height: 1.25rem;--mdc-chip-label-text-size: .875rem;--mdc-chip-label-text-tracking: .006rem;--mdc-chip-label-text-weight: 500;--mdc-chip-container-height: 32px;--mdc-chip-container-shape-radius: 8px;--mdc-chip-with-avatar-avatar-size: 24px;--mdc-chip-with-icon-icon-size: 18px;--mdc-chip-outline-width: 1px;--mdc-chip-with-avatar-disabled-avatar-opacity: .38;--mdc-chip-flat-selected-outline-width: 0;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--mdc-chip-with-icon-disabled-icon-opacity: .38;--mat-chip-trailing-action-state-layer-color: #44474e;--mat-chip-selected-trailing-action-state-layer-color: #131c2b;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-selected-disabled-trailing-icon-color: #1a1b1f;--mat-chip-selected-trailing-icon-color: #131c2b;--mat-chip-disabled-container-opacity: 1;--mat-chip-trailing-action-opacity: 1;--mat-chip-trailing-action-focus-opacity: 1;--mdc-switch-selected-focus-state-layer-opacity: .12;--mdc-switch-selected-hover-state-layer-opacity: .08;--mdc-switch-selected-pressed-state-layer-opacity: .12;--mdc-switch-unselected-focus-state-layer-opacity: .12;--mdc-switch-unselected-hover-state-layer-opacity: .08;--mdc-switch-unselected-pressed-state-layer-opacity: .12;--mdc-switch-selected-focus-state-layer-color: #005cbb;--mdc-switch-selected-handle-color: #ffffff;--mdc-switch-selected-hover-state-layer-color: #005cbb;--mdc-switch-selected-pressed-state-layer-color: #005cbb;--mdc-switch-selected-focus-handle-color: #d7e3ff;--mdc-switch-selected-hover-handle-color: #d7e3ff;--mdc-switch-selected-pressed-handle-color: #d7e3ff;--mdc-switch-selected-focus-track-color: #005cbb;--mdc-switch-selected-hover-track-color: #005cbb;--mdc-switch-selected-pressed-track-color: #005cbb;--mdc-switch-selected-track-color: #005cbb;--mdc-switch-disabled-selected-handle-color: #fdfbff;--mdc-switch-disabled-selected-icon-color: #1a1b1f;--mdc-switch-disabled-selected-track-color: #1a1b1f;--mdc-switch-disabled-unselected-handle-color: #1a1b1f;--mdc-switch-disabled-unselected-icon-color: #e0e2ec;--mdc-switch-disabled-unselected-track-color: #e0e2ec;--mdc-switch-selected-icon-color: #001b3f;--mdc-switch-unselected-focus-handle-color: #44474e;--mdc-switch-unselected-focus-state-layer-color: #1a1b1f;--mdc-switch-unselected-focus-track-color: #e0e2ec;--mdc-switch-unselected-handle-color: #74777f;--mdc-switch-unselected-hover-handle-color: #44474e;--mdc-switch-unselected-hover-state-layer-color: #1a1b1f;--mdc-switch-unselected-hover-track-color: #e0e2ec;--mdc-switch-unselected-icon-color: #e0e2ec;--mdc-switch-unselected-pressed-handle-color: #44474e;--mdc-switch-unselected-pressed-state-layer-color: #1a1b1f;--mdc-switch-unselected-pressed-track-color: #e0e2ec;--mdc-switch-unselected-track-color: #e0e2ec;--mdc-switch-disabled-selected-icon-opacity: .38;--mdc-switch-disabled-track-opacity: .12;--mdc-switch-disabled-unselected-icon-opacity: .38;--mdc-switch-handle-shape: 9999px;--mdc-switch-selected-icon-size: 16px;--mdc-switch-track-height: 32px;--mdc-switch-track-shape: 9999px;--mdc-switch-track-width: 52px;--mdc-switch-unselected-icon-size: 16px;--mdc-switch-state-layer-size: 40px;--mat-switch-track-outline-color: #74777f;--mat-switch-disabled-unselected-track-outline-color: #1a1b1f;--mat-switch-label-text-color: #1a1b1f;--mat-switch-label-text-font: Roboto, sans-serif;--mat-switch-label-text-line-height: 1.25rem;--mat-switch-label-text-size: .875rem;--mat-switch-label-text-tracking: .016rem;--mat-switch-label-text-weight: 400;--mat-switch-disabled-selected-handle-opacity: 1;--mat-switch-disabled-unselected-handle-opacity: .38;--mat-switch-unselected-handle-size: 16px;--mat-switch-selected-handle-size: 24px;--mat-switch-pressed-handle-size: 28px;--mat-switch-with-icon-handle-size: 24px;--mat-switch-selected-handle-horizontal-margin: 0 24px;--mat-switch-selected-with-icon-handle-horizontal-margin: 0 24px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 22px;--mat-switch-unselected-handle-horizontal-margin: 0 8px;--mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;--mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-switch-visible-track-opacity: 1;--mat-switch-hidden-track-opacity: 0;--mat-switch-visible-track-transition: opacity 75ms;--mat-switch-hidden-track-transition: opacity 75ms;--mat-switch-track-outline-width: 2px;--mat-switch-selected-track-outline-width: 2px;--mat-switch-selected-track-outline-color: transparent;--mat-switch-disabled-unselected-track-outline-width: 2px;--mdc-radio-disabled-selected-icon-color: #1a1b1f;--mdc-radio-disabled-unselected-icon-color: #1a1b1f;--mdc-radio-unselected-hover-icon-color: #1a1b1f;--mdc-radio-unselected-icon-color: #44474e;--mdc-radio-unselected-pressed-icon-color: #1a1b1f;--mdc-radio-selected-focus-icon-color: #005cbb;--mdc-radio-selected-hover-icon-color: #005cbb;--mdc-radio-selected-icon-color: #005cbb;--mdc-radio-selected-pressed-icon-color: #005cbb;--mdc-radio-state-layer-size: 40px;--mdc-radio-disabled-selected-icon-opacity: .38;--mdc-radio-disabled-unselected-icon-opacity: .38;--mat-radio-ripple-color: #1a1b1f;--mat-radio-checked-ripple-color: #005cbb;--mat-radio-disabled-label-color: rgba(26, 27, 31, .38);--mat-radio-label-text-color: #1a1b1f;--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 1.25rem;--mat-radio-label-text-size: .875rem;--mat-radio-label-text-tracking: .016rem;--mat-radio-label-text-weight: 400;--mat-radio-touch-target-display: block;--mdc-slider-handle-color: #005cbb;--mdc-slider-focus-handle-color: #005cbb;--mdc-slider-hover-handle-color: #005cbb;--mdc-slider-active-track-color: #005cbb;--mdc-slider-inactive-track-color: #e0e2ec;--mdc-slider-with-tick-marks-inactive-container-color: #44474e;--mdc-slider-with-tick-marks-active-container-color: #ffffff;--mdc-slider-disabled-active-track-color: #1a1b1f;--mdc-slider-disabled-handle-color: #1a1b1f;--mdc-slider-disabled-inactive-track-color: #1a1b1f;--mdc-slider-label-container-color: #005cbb;--mdc-slider-label-label-text-color: #ffffff;--mdc-slider-with-overlap-handle-outline-color: #ffffff;--mdc-slider-with-tick-marks-disabled-container-color: #1a1b1f;--mdc-slider-handle-elevation: 1;--mdc-slider-handle-shadow-color: #000000;--mdc-slider-label-label-text-font: Roboto, sans-serif;--mdc-slider-label-label-text-size: .75rem;--mdc-slider-label-label-text-line-height: 1rem;--mdc-slider-label-label-text-tracking: .031rem;--mdc-slider-label-label-text-weight: 500;--mdc-slider-active-track-height: 4px;--mdc-slider-active-track-shape: 9999px;--mdc-slider-handle-height: 20px;--mdc-slider-handle-shape: 9999px;--mdc-slider-handle-width: 20px;--mdc-slider-inactive-track-height: 4px;--mdc-slider-inactive-track-shape: 9999px;--mdc-slider-with-overlap-handle-outline-width: 1px;--mdc-slider-with-tick-marks-active-container-opacity: .38;--mdc-slider-with-tick-marks-container-shape: 9999px;--mdc-slider-with-tick-marks-container-size: 2px;--mdc-slider-with-tick-marks-inactive-container-opacity: .38;--mat-slider-ripple-color: #005cbb;--mat-slider-hover-state-layer-color: rgba(0, 92, 187, .05);--mat-slider-focus-state-layer-color: rgba(0, 92, 187, .2);--mat-slider-value-indicator-width: 28px;--mat-slider-value-indicator-height: 28px;--mat-slider-value-indicator-caret-display: none;--mat-slider-value-indicator-border-radius: 50% 50% 50% 0;--mat-slider-value-indicator-padding: 0;--mat-slider-value-indicator-text-transform: rotate(45deg);--mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);--mat-slider-value-indicator-opacity: 1;--mat-menu-item-label-text-color: #1a1b1f;--mat-menu-item-icon-color: #44474e;--mat-menu-item-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-menu-item-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-menu-container-color: #efedf1;--mat-menu-divider-color: #e0e2ec;--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-size: .875rem;--mat-menu-item-label-text-tracking: .006rem;--mat-menu-item-label-text-line-height: 1.25rem;--mat-menu-item-label-text-weight: 500;--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-spacing: 12px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px;--mat-menu-base-elevation-level: 2;--mdc-list-list-item-container-color: transparent;--mdc-list-list-item-leading-avatar-color: #d7e3ff;--mdc-list-list-item-disabled-state-layer-color: #1a1b1f;--mdc-list-list-item-disabled-state-layer-opacity: .12;--mdc-list-list-item-label-text-color: #1a1b1f;--mdc-list-list-item-supporting-text-color: #44474e;--mdc-list-list-item-leading-icon-color: #44474e;--mdc-list-list-item-trailing-supporting-text-color: #44474e;--mdc-list-list-item-trailing-icon-color: #44474e;--mdc-list-list-item-selected-trailing-icon-color: #005cbb;--mdc-list-list-item-disabled-label-text-color: #1a1b1f;--mdc-list-list-item-disabled-leading-icon-color: #1a1b1f;--mdc-list-list-item-disabled-trailing-icon-color: #1a1b1f;--mdc-list-list-item-hover-label-text-color: #1a1b1f;--mdc-list-list-item-focus-label-text-color: #1a1b1f;--mdc-list-list-item-hover-state-layer-color: #1a1b1f;--mdc-list-list-item-hover-state-layer-opacity: .08;--mdc-list-list-item-focus-state-layer-color: #1a1b1f;--mdc-list-list-item-focus-state-layer-opacity: .12;--mdc-list-list-item-label-text-font: Roboto, sans-serif;--mdc-list-list-item-label-text-line-height: 1.5rem;--mdc-list-list-item-label-text-size: 1rem;--mdc-list-list-item-label-text-tracking: .031rem;--mdc-list-list-item-label-text-weight: 400;--mdc-list-list-item-supporting-text-font: Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height: 1.25rem;--mdc-list-list-item-supporting-text-size: .875rem;--mdc-list-list-item-supporting-text-tracking: .016rem;--mdc-list-list-item-supporting-text-weight: 400;--mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height: 1rem;--mdc-list-list-item-trailing-supporting-text-size: .688rem;--mdc-list-list-item-trailing-supporting-text-tracking: .031rem;--mdc-list-list-item-trailing-supporting-text-weight: 500;--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px;--mdc-list-list-item-container-shape: 0px;--mdc-list-list-item-leading-avatar-shape: 9999px;--mdc-list-list-item-leading-icon-size: 24px;--mdc-list-list-item-leading-avatar-size: 40px;--mdc-list-list-item-trailing-icon-size: 24px;--mdc-list-list-item-disabled-label-text-opacity: .3;--mdc-list-list-item-disabled-leading-icon-opacity: .38;--mdc-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-active-indicator-color: #dae2f9;--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-active-indicator-shape: 9999px;--mat-paginator-container-text-color: #1a1b1f;--mat-paginator-container-background-color: #fdfbff;--mat-paginator-enabled-icon-color: #44474e;--mat-paginator-disabled-icon-color: rgba(26, 27, 31, .38);--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 1rem;--mat-paginator-container-text-size: .75rem;--mat-paginator-container-text-tracking: .025rem;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: .75rem;--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mdc-secondary-navigation-tab-container-height: 48px;--mdc-tab-indicator-active-indicator-color: #005cbb;--mdc-tab-indicator-active-indicator-height: 2px;--mdc-tab-indicator-active-indicator-shape: 0;--mat-tab-header-divider-color: #e0e2ec;--mat-tab-header-pagination-icon-color: #1a1b1f;--mat-tab-header-inactive-label-text-color: #1a1b1f;--mat-tab-header-active-label-text-color: #1a1b1f;--mat-tab-header-active-ripple-color: #1a1b1f;--mat-tab-header-inactive-ripple-color: #1a1b1f;--mat-tab-header-inactive-focus-label-text-color: #1a1b1f;--mat-tab-header-inactive-hover-label-text-color: #1a1b1f;--mat-tab-header-active-focus-label-text-color: #1a1b1f;--mat-tab-header-active-hover-label-text-color: #1a1b1f;--mat-tab-header-active-focus-indicator-color: #005cbb;--mat-tab-header-active-hover-indicator-color: #005cbb;--mat-tab-header-label-text-font: Roboto, sans-serif;--mat-tab-header-label-text-size: .875rem;--mat-tab-header-label-text-tracking: .006rem;--mat-tab-header-label-text-line-height: 1.25rem;--mat-tab-header-label-text-weight: 500;--mat-tab-header-divider-height: 1px;--mdc-checkbox-disabled-selected-checkmark-color: #fdfbff;--mdc-checkbox-selected-focus-state-layer-opacity: .12;--mdc-checkbox-selected-hover-state-layer-opacity: .08;--mdc-checkbox-selected-pressed-state-layer-opacity: .12;--mdc-checkbox-unselected-focus-state-layer-opacity: .12;--mdc-checkbox-unselected-hover-state-layer-opacity: .08;--mdc-checkbox-unselected-pressed-state-layer-opacity: .12;--mdc-checkbox-disabled-selected-icon-color: rgba(26, 27, 31, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(26, 27, 31, .38);--mdc-checkbox-selected-checkmark-color: #ffffff;--mdc-checkbox-selected-focus-icon-color: #005cbb;--mdc-checkbox-selected-hover-icon-color: #005cbb;--mdc-checkbox-selected-icon-color: #005cbb;--mdc-checkbox-unselected-focus-icon-color: #1a1b1f;--mdc-checkbox-unselected-hover-icon-color: #1a1b1f;--mdc-checkbox-unselected-icon-color: #44474e;--mdc-checkbox-selected-focus-state-layer-color: #005cbb;--mdc-checkbox-selected-hover-state-layer-color: #005cbb;--mdc-checkbox-selected-pressed-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-focus-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-hover-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-pressed-state-layer-color: #005cbb;--mdc-checkbox-state-layer-size: 40px;--mat-checkbox-disabled-label-color: rgba(26, 27, 31, .38);--mat-checkbox-label-text-color: #1a1b1f;--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 1.25rem;--mat-checkbox-label-text-size: .875rem;--mat-checkbox-label-text-tracking: .016rem;--mat-checkbox-label-text-weight: 400;--mat-checkbox-touch-target-display: block;--mdc-text-button-label-text-color: #005cbb;--mdc-text-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-text-button-label-text-font: Roboto, sans-serif;--mdc-text-button-label-text-size: .875rem;--mdc-text-button-label-text-tracking: .006rem;--mdc-text-button-label-text-weight: 500;--mdc-text-button-container-height: 40px;--mdc-text-button-container-shape: 9999px;--mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-container-color: #fdfbff;--mdc-protected-button-label-text-color: #005cbb;--mdc-protected-button-disabled-container-color: rgba(26, 27, 31, .12);--mdc-protected-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-protected-button-label-text-font: Roboto, sans-serif;--mdc-protected-button-label-text-size: .875rem;--mdc-protected-button-label-text-tracking: .006rem;--mdc-protected-button-label-text-weight: 500;--mdc-protected-button-container-height: 40px;--mdc-protected-button-container-shape: 9999px;--mdc-filled-button-container-color: #005cbb;--mdc-filled-button-label-text-color: #ffffff;--mdc-filled-button-disabled-container-color: rgba(26, 27, 31, .12);--mdc-filled-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-filled-button-label-text-font: Roboto, sans-serif;--mdc-filled-button-label-text-size: .875rem;--mdc-filled-button-label-text-tracking: .006rem;--mdc-filled-button-label-text-weight: 500;--mdc-filled-button-container-height: 40px;--mdc-filled-button-container-shape: 9999px;--mdc-outlined-button-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-outlined-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-outlined-button-label-text-color: #005cbb;--mdc-outlined-button-outline-color: #74777f;--mdc-outlined-button-label-text-font: Roboto, sans-serif;--mdc-outlined-button-label-text-size: .875rem;--mdc-outlined-button-label-text-tracking: .006rem;--mdc-outlined-button-label-text-weight: 500;--mdc-outlined-button-container-height: 40px;--mdc-outlined-button-outline-width: 1px;--mdc-outlined-button-container-shape: 9999px;--mat-text-button-state-layer-color: #005cbb;--mat-text-button-disabled-state-layer-color: #44474e;--mat-text-button-ripple-color: rgba(0, 92, 187, .12);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .12;--mat-text-button-pressed-state-layer-opacity: .12;--mat-text-button-touch-target-display: block;--mat-text-button-horizontal-padding: 12px;--mat-text-button-with-icon-horizontal-padding: 16px;--mat-text-button-icon-spacing: 8px;--mat-text-button-icon-offset: -4px;--mat-protected-button-state-layer-color: #005cbb;--mat-protected-button-disabled-state-layer-color: #44474e;--mat-protected-button-ripple-color: rgba(0, 92, 187, .12);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .12;--mat-protected-button-pressed-state-layer-opacity: .12;--mat-protected-button-touch-target-display: block;--mat-protected-button-horizontal-padding: 24px;--mat-protected-button-icon-spacing: 8px;--mat-protected-button-icon-offset: -8px;--mat-filled-button-state-layer-color: #ffffff;--mat-filled-button-disabled-state-layer-color: #44474e;--mat-filled-button-ripple-color: rgba(255, 255, 255, .12);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .12;--mat-filled-button-pressed-state-layer-opacity: .12;--mat-filled-button-touch-target-display: block;--mat-filled-button-horizontal-padding: 24px;--mat-filled-button-icon-spacing: 8px;--mat-filled-button-icon-offset: -8px;--mat-outlined-button-state-layer-color: #005cbb;--mat-outlined-button-disabled-state-layer-color: #44474e;--mat-outlined-button-ripple-color: rgba(0, 92, 187, .12);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .12;--mat-outlined-button-pressed-state-layer-opacity: .12;--mat-outlined-button-touch-target-display: block;--mat-outlined-button-horizontal-padding: 24px;--mat-outlined-button-icon-spacing: 8px;--mat-outlined-button-icon-offset: -8px;--mdc-icon-button-icon-color: #44474e;--mdc-icon-button-disabled-icon-color: rgba(26, 27, 31, .38);--mdc-icon-button-state-layer-size: 40px;--mdc-icon-button-icon-size: 24px;--mat-icon-button-state-layer-color: #44474e;--mat-icon-button-disabled-state-layer-color: #44474e;--mat-icon-button-ripple-color: rgba(68, 71, 78, .12);--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-touch-target-display: block;--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-label-text-font: Roboto, sans-serif;--mdc-extended-fab-label-text-size: .875rem;--mdc-extended-fab-label-text-tracking: .006rem;--mdc-extended-fab-label-text-weight: 500;--mdc-extended-fab-container-height: 56px;--mdc-extended-fab-container-shape: 16px;--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-container-color: #d7e3ff;--mdc-fab-container-shape: 16px;--mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-container-color: #d7e3ff;--mdc-fab-small-container-shape: 12px;--mat-fab-foreground-color: #001b3f;--mat-fab-state-layer-color: #001b3f;--mat-fab-ripple-color: rgba(0, 27, 63, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-focus-state-layer-opacity: .12;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-disabled-state-container-color: rgba(26, 27, 31, .12);--mat-fab-disabled-state-foreground-color: rgba(26, 27, 31, .38);--mat-fab-touch-target-display: block;--mat-fab-small-foreground-color: #001b3f;--mat-fab-small-state-layer-color: #001b3f;--mat-fab-small-ripple-color: rgba(0, 27, 63, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-disabled-state-container-color: rgba(26, 27, 31, .12);--mat-fab-small-disabled-state-foreground-color: rgba(26, 27, 31, .38);--mdc-snackbar-container-color: #2f3033;--mdc-snackbar-supporting-text-color: #f2f0f4;--mdc-snackbar-supporting-text-font: Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height: 1.25rem;--mdc-snackbar-supporting-text-size: .875rem;--mdc-snackbar-supporting-text-weight: 400;--mdc-snackbar-container-shape: 4px;--mat-snack-bar-button-color: #abc7ff;--mat-table-background-color: #fdfbff;--mat-table-header-headline-color: #1a1b1f;--mat-table-row-item-label-text-color: #1a1b1f;--mat-table-row-item-outline-color: #74777f;--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 1.25rem;--mat-table-header-headline-size: .875rem;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: .006rem;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 1.25rem;--mat-table-row-item-label-text-size: .875rem;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: .016rem;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 1.25rem;--mat-table-footer-supporting-text-size: .875rem;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: .016rem;--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-table-row-item-outline-width: 1px;--mdc-circular-progress-active-indicator-color: #005cbb;--mdc-circular-progress-active-indicator-width: 4px;--mdc-circular-progress-size: 48px;--mat-badge-background-color: #ba1a1a;--mat-badge-text-color: #ffffff;--mat-badge-disabled-state-background-color: rgba(186, 26, 26, .38);--mat-badge-disabled-state-text-color: #ffffff;--mat-badge-text-font: Roboto, sans-serif;--mat-badge-text-size: .688rem;--mat-badge-text-weight: 500;--mat-badge-large-size-text-size: .688rem;--mat-badge-container-shape: 9999px;--mat-badge-container-size: 16px;--mat-badge-small-size-container-size: 6px;--mat-badge-large-size-container-size: 16px;--mat-badge-legacy-container-size: unset;--mat-badge-legacy-small-size-container-size: unset;--mat-badge-legacy-large-size-container-size: unset;--mat-badge-container-offset: -12px 0;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-large-size-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-large-size-container-overlap-offset: -12px;--mat-badge-container-padding: 0 4px;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0 4px;--mat-badge-small-size-text-size: 0;--mat-bottom-sheet-container-text-color: #1a1b1f;--mat-bottom-sheet-container-background-color: #f5f3f7;--mat-bottom-sheet-container-text-font: Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height: 1.5rem;--mat-bottom-sheet-container-text-size: 1rem;--mat-bottom-sheet-container-text-tracking: .031rem;--mat-bottom-sheet-container-text-weight: 400;--mat-bottom-sheet-container-shape: 28px;--mat-standard-button-toggle-hover-state-layer-opacity: .08;--mat-standard-button-toggle-focus-state-layer-opacity: .12;--mat-standard-button-toggle-text-color: #1a1b1f;--mat-standard-button-toggle-state-layer-color: #1a1b1f;--mat-standard-button-toggle-selected-state-background-color: #dae2f9;--mat-standard-button-toggle-selected-state-text-color: #131c2b;--mat-standard-button-toggle-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(26, 27, 31, .38);--mat-standard-button-toggle-disabled-selected-state-background-color: rgba(26, 27, 31, .12);--mat-standard-button-toggle-divider-color: #74777f;--mat-standard-button-toggle-label-text-font: Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height: 1.25rem;--mat-standard-button-toggle-label-text-size: .875rem;--mat-standard-button-toggle-label-text-tracking: .006rem;--mat-standard-button-toggle-label-text-weight: 500;--mat-standard-button-toggle-height: 40px;--mat-standard-button-toggle-shape: 9999px;--mat-standard-button-toggle-background-color: transparent;--mat-standard-button-toggle-disabled-state-background-color: transparent;--mat-datepicker-calendar-date-selected-state-text-color: #ffffff;--mat-datepicker-calendar-date-selected-state-background-color: #005cbb;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-today-selected-state-outline-color: #005cbb;--mat-datepicker-calendar-date-focus-state-background-color: rgba(26, 27, 31, .12);--mat-datepicker-calendar-date-hover-state-background-color: rgba(26, 27, 31, .08);--mat-datepicker-toggle-active-state-icon-color: #44474e;--mat-datepicker-calendar-date-in-range-state-background-color: #d7e3ff;--mat-datepicker-calendar-date-in-comparison-range-state-background-color: #d7e3ff;--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #dae2f9;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #565e71;--mat-datepicker-toggle-icon-color: #44474e;--mat-datepicker-calendar-body-label-text-color: #1a1b1f;--mat-datepicker-calendar-period-button-text-color: #44474e;--mat-datepicker-calendar-period-button-icon-color: #44474e;--mat-datepicker-calendar-navigation-button-icon-color: #44474e;--mat-datepicker-calendar-header-text-color: #44474e;--mat-datepicker-calendar-date-today-outline-color: #005cbb;--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-text-color: #1a1b1f;--mat-datepicker-calendar-date-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-preview-state-outline-color: #005cbb;--mat-datepicker-range-input-separator-color: #1a1b1f;--mat-datepicker-range-input-disabled-state-separator-color: rgba(26, 27, 31, .38);--mat-datepicker-range-input-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-container-background-color: #e9e8ec;--mat-datepicker-calendar-container-text-color: #1a1b1f;--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: 1rem;--mat-datepicker-calendar-body-label-text-size: .875rem;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: .875rem;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: .875rem;--mat-datepicker-calendar-header-text-weight: 500;--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-shape: 28px;--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-date-outline-color: transparent;--mat-divider-color: #74777f;--mat-divider-width: 1px;--mat-expansion-container-background-color: #fdfbff;--mat-expansion-container-text-color: #1a1b1f;--mat-expansion-actions-divider-color: #74777f;--mat-expansion-header-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-expansion-header-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-expansion-header-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-expansion-header-text-color: #1a1b1f;--mat-expansion-header-description-color: #44474e;--mat-expansion-header-indicator-color: #44474e;--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 1rem;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: 1.5rem;--mat-expansion-header-text-tracking: .009rem;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 1.5rem;--mat-expansion-container-text-size: 1rem;--mat-expansion-container-text-tracking: .031rem;--mat-expansion-container-text-weight: 400;--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-expansion-container-shape: 12px;--mat-expansion-legacy-header-indicator-display: none;--mat-expansion-header-indicator-display: inline-block;--mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-header-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-footer-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-icon-color: inherit;--mat-sidenav-container-background-color: #fdfbff;--mat-sidenav-container-text-color: #44474e;--mat-sidenav-content-background-color: #fdfbff;--mat-sidenav-content-text-color: #1a1b1f;--mat-sidenav-scrim-color: rgba(45, 48, 56, .4);--mat-sidenav-container-shape: 16px;--mat-sidenav-container-elevation-shadow: none;--mat-sidenav-container-width: 360px;--mat-sidenav-container-divider-color: transparent;--mat-stepper-header-icon-foreground-color: #fdfbff;--mat-stepper-header-selected-state-icon-background-color: #005cbb;--mat-stepper-header-selected-state-icon-foreground-color: #ffffff;--mat-stepper-header-edit-state-icon-background-color: #005cbb;--mat-stepper-header-edit-state-icon-foreground-color: #ffffff;--mat-stepper-container-color: #fdfbff;--mat-stepper-line-color: #74777f;--mat-stepper-header-hover-state-layer-color: rgba(47, 48, 51, .08);--mat-stepper-header-focus-state-layer-color: rgba(47, 48, 51, .12);--mat-stepper-header-label-text-color: #44474e;--mat-stepper-header-optional-label-text-color: #44474e;--mat-stepper-header-selected-state-label-text-color: #44474e;--mat-stepper-header-error-state-label-text-color: #ba1a1a;--mat-stepper-header-icon-background-color: #44474e;--mat-stepper-header-error-state-icon-foreground-color: #ba1a1a;--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: .875rem;--mat-stepper-header-label-text-weight: 500;--mat-stepper-header-error-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-weight: 500;--mat-stepper-header-height: 72px;--mat-stepper-header-focus-state-layer-shape: 12px;--mat-stepper-header-hover-state-layer-shape: 12px;--mat-stepper-header-error-state-icon-background-color: transparent;--mat-sort-arrow-color: #1a1b1f;--mat-toolbar-container-background-color: #fdfbff;--mat-toolbar-container-text-color: #1a1b1f;--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 1.75rem;--mat-toolbar-title-text-size: 1.375rem;--mat-toolbar-title-text-tracking: 0rem;--mat-toolbar-title-text-weight: 400;--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-tree-container-background-color: #fdfbff;--mat-tree-node-text-color: #1a1b1f;--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 1rem;--mat-tree-node-text-weight: 400;--mat-tree-node-min-height: 48px;display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;color:#444}.mat-theme-loaded-marker{display:none}#ssSearchBar .tabs{display:flex;width:100%;margin-bottom:-1px;z-index:10}#ssSearchBar .tabs .ss-tab{border-radius:4px 4px 0 0;border:#b7b7b7 solid 1px;border-color:#6892ca;border-bottom:none;padding:.3em 1.4em;font-size:.94em;letter-spacing:.4px;font-weight:600;background-color:#4070b0;color:#fff;white-space:nowrap;position:relative}#ssSearchBar .tabs .ss-tab:after{content:\"\";height:1px;width:calc(100% + 2px);position:absolute;bottom:0;left:-1px;background-color:#b7b7b7}#ssSearchBar .tabs .ss-tab:hover{background-color:#6892ca}#ssSearchBar .tabs .ss-tab.ss-active{color:#002e5d;margin-bottom:1px;border-color:#b7b7b7;background-color:#fffffff2}#ssSearchBar .tabs .ss-tab.ss-active:after{display:none}#ssSearchBar .tabs .ss-tab:disabled{cursor:auto}#ssSearchBar .tabs .tab-spacer{width:.3em;border-bottom:#b7b7b7 solid 1px}#ssSearchBar .tabs .tab-spacer.full{width:100%;margin-right:4px;position:relative}#ssSearchBar .ss-adv-search-text{padding-bottom:1em;padding-right:2rem;pointer-events:none}#ssSearchBar .ss-bar-wrapper{padding:1em 1em .25em;border-right:#b7b7b7 solid 1px;border-left:#b7b7b7 solid 1px;border-bottom:#b7b7b7 solid 1px;width:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;background-color:#fffffff2;border-radius:0 4px 4px;overflow:hidden}#ssSearchBar .ss-bar-wrapper:after{content:\"\";position:absolute;top:0;right:-1px;background-color:transparent;border-radius:0 4px 0 0;width:4px;height:4px;border-top:#b7b7b7 solid 1px;border-right:#b7b7b7 solid 1px}#ssSearchBar .ss-bar-content{position:relative;width:100%;height:initial}#ssSearchBar .ss-search-bar{border-radius:4px;border:#b7b7b7 solid 1px;width:100%}#ssSearchBar #advSearchCloseBtn{float:right;padding:.4em;margin:-.4em 0;color:#666;transition:all .1s}#ssSearchBar #advSearchCloseBtn:hover{color:#292929}#ssSearchBar #advSearchCloseBtn .ss-icon{font-size:1.2em;font-weight:600}#ssSearchBar .ss-adv-search-btn{font-size:.9em;color:#4070b0;margin:.2em 4em 0 auto;padding-right:.4rem;display:flex;justify-content:center;align-items:center}#ssSearchBar .ss-adv-search-btn .ss-icon{font-size:1.4em;opacity:.75;margin-top:.2rem}#ssSearchBar .ss-adv-search-btn:hover{color:#6892ca}\n"] }]
+                    ], providers: [FieldByScopePipe], animations: [libHbllExpandCollapse], encapsulation: ViewEncapsulation.None, template: "<div id=\"ssSearchBar\">\n    <div class=\"tabs\">\n        <button\n            (click)=\"emitTabChange('local')\"\n            class=\"ss-tab\"\n            id=\"localTab\"\n            [ngClass]=\"{\n                'ss-active': config.scope === 'local',\n                ensign: config.institution === 'ensign' && config.scope !== 'local',\n            }\"\n            data-testid=\"localTab\"\n            [disabled]=\"config.scope === 'local'\"\n        >\n            In the Library\n        </button>\n        @if (config.institution !== 'law') {\n            <div class=\"tab-spacer\"></div>\n            <button\n                (click)=\"emitTabChange('external')\"\n                class=\"ss-tab\"\n                id=\"externalTab\"\n                [ngClass]=\"{\n                    'ss-active': config.scope === 'external',\n                    ensign: config.institution === 'ensign' && config.scope !== 'external',\n                }\"\n                data-testid=\"externalTab\"\n                [disabled]=\"config.scope === 'external'\"\n            >\n                Available Online\n            </button>\n        }\n        <div class=\"tab-spacer full\"></div>\n    </div>\n    <div\n        class=\"ss-bar-wrapper\"\n        #barWrapperRef\n        [@libHbllExpandCollapse]=\"{\n            value: config.showAdvancedSearch ? (!config.showAdvancedSearchAsText ? 1 : 2) : 3,\n            params: { startHeight: heightOfContainer },\n        }\"\n    >\n        <div class=\"ss-bar-content\" data-testid=\"searchForm\">\n            @if (!config.showAdvancedSearch) {\n                <div class=\"ss-search-bar\">\n                    <lib-ss-simple-search\n                        [config]=\"config\"\n                        (simpleSearch)=\"emitSimpleSearch($event)\"\n                        (clearSimpleSearch)=\"emitClearSimpleSearch()\"\n                    ></lib-ss-simple-search>\n                </div>\n            } @else {\n                <button\n                    id=\"advSearchCloseBtn\"\n                    (click)=\"emitAdvancedSearchClosed()\"\n                    data-testid=\"advSearchCloseBtn\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> close </span>\n                </button>\n                <div id=\"advSearchWrapper\">\n                    @if (config.showAdvancedSearch && !config.showAdvancedSearchAsText) {\n                        <div>\n                            <lib-ss-advanced-search\n                                [config]=\"config\"\n                                (advancedSearch)=\"emitAdvancedSearch($event)\"\n                            ></lib-ss-advanced-search>\n                        </div>\n                    } @else {\n                        <div\n                            class=\"ss-adv-search-text\"\n                            data-testid=\"advancedSearchText\"\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | ssAdvancedQueries: config.scope\n                            \"\n                        ></div>\n                        <div\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | advancedFieldWarning: config.scope\n                            \"\n                        ></div>\n                    }\n                </div>\n            }\n        </div>\n        @if (!config.showAdvancedSearch || config.showAdvancedSearchAsText) {\n            <button\n                data-testid=\"toggleAdvSearchButton\"\n                class=\"ss-adv-search-btn\"\n                id=\"advSearchBtn\"\n                (click)=\"emitAdvancedSearchOpen()\"\n            >\n                Advanced\n                <span class=\"material-symbols-outlined ss-icon\"> keyboard_arrow_down </span>\n            </button>\n        }\n    </div>\n</div>\n", styles: ["#ssSearchBar .tabs .ss-tab.ensign{background-color:#2b6042!important;border-color:#2a6142}#ssSearchBar .tabs .ss-tab.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element,.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-mdc-tooltip-surface{background-color:#333!important;border-radius:3px!important;color:#fff!important;font:inherit!important;font-size:.8em!important}#ssSearchBar{--mat-app-background-color: #faf9fd;--mat-app-text-color: #1a1b1f;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: rgba(26, 27, 31, .1);--mat-option-selected-state-label-text-color: #131c2b;--mat-option-label-text-color: #1a1b1f;--mat-option-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-option-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-option-selected-state-layer-color: #dae2f9;--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 1.25rem;--mat-option-label-text-size: 1rem;--mat-option-label-text-tracking: .006rem;--mat-option-label-text-weight: 400;--mat-optgroup-label-text-color: #44474e;--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 1.25rem;--mat-optgroup-label-text-size: .875rem;--mat-optgroup-label-text-tracking: .006rem;--mat-optgroup-label-text-weight: 500;--mat-full-pseudo-checkbox-selected-icon-color: #005cbb;--mat-full-pseudo-checkbox-selected-checkmark-color: #ffffff;--mat-full-pseudo-checkbox-unselected-icon-color: #44474e;--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #faf9fd;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(26, 27, 31, .38);--mat-full-pseudo-checkbox-disabled-selected-icon-color: rgba(26, 27, 31, .38);--mat-minimal-pseudo-checkbox-selected-checkmark-color: #005cbb;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(26, 27, 31, .38);--mdc-elevated-card-container-color: #faf9fd;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-elevated-card-container-shape: 12px;--mdc-outlined-card-container-color: #faf9fd;--mdc-outlined-card-outline-color: #c4c6d0;--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-shape: 12px;--mdc-outlined-card-outline-width: 1px;--mat-card-subtitle-text-color: #1a1b1f;--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 1.75rem;--mat-card-title-text-size: 1.375rem;--mat-card-title-text-tracking: 0;--mat-card-title-text-weight: 400;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 1.5rem;--mat-card-subtitle-text-size: 1rem;--mat-card-subtitle-text-tracking: .009rem;--mat-card-subtitle-text-weight: 500;--mdc-linear-progress-active-indicator-color: #005cbb;--mdc-linear-progress-track-color: #e0e2ec;--mdc-linear-progress-active-indicator-height: 4px;--mdc-linear-progress-track-height: 4px;--mdc-linear-progress-track-shape: 0;--mdc-plain-tooltip-container-color: #2f3033;--mdc-plain-tooltip-supporting-text-color: #f2f0f4;--mdc-plain-tooltip-supporting-text-line-height: 1rem;--mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size: .75rem;--mdc-plain-tooltip-supporting-text-weight: 400;--mdc-plain-tooltip-supporting-text-tracking: .025rem;--mdc-plain-tooltip-container-shape: 4px;--mdc-filled-text-field-caret-color: #005cbb;--mdc-filled-text-field-focus-active-indicator-color: #005cbb;--mdc-filled-text-field-focus-label-text-color: #005cbb;--mdc-filled-text-field-container-color: #e0e2ec;--mdc-filled-text-field-disabled-container-color: rgba(26, 27, 31, .04);--mdc-filled-text-field-label-text-color: #44474e;--mdc-filled-text-field-hover-label-text-color: #44474e;--mdc-filled-text-field-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-input-text-color: #1a1b1f;--mdc-filled-text-field-disabled-input-text-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-input-text-placeholder-color: #44474e;--mdc-filled-text-field-error-hover-label-text-color: #410002;--mdc-filled-text-field-error-focus-label-text-color: #ba1a1a;--mdc-filled-text-field-error-label-text-color: #ba1a1a;--mdc-filled-text-field-active-indicator-color: #44474e;--mdc-filled-text-field-disabled-active-indicator-color: rgba(26, 27, 31, .38);--mdc-filled-text-field-hover-active-indicator-color: #1a1b1f;--mdc-filled-text-field-error-active-indicator-color: #ba1a1a;--mdc-filled-text-field-error-focus-active-indicator-color: #ba1a1a;--mdc-filled-text-field-error-hover-active-indicator-color: #410002;--mdc-filled-text-field-label-text-font: Roboto, sans-serif;--mdc-filled-text-field-label-text-size: 1rem;--mdc-filled-text-field-label-text-tracking: .031rem;--mdc-filled-text-field-label-text-weight: 400;--mdc-filled-text-field-active-indicator-height: 1px;--mdc-filled-text-field-focus-active-indicator-height: 2px;--mdc-filled-text-field-container-shape: 4px;--mdc-outlined-text-field-caret-color: #005cbb;--mdc-outlined-text-field-focus-outline-color: #005cbb;--mdc-outlined-text-field-focus-label-text-color: #005cbb;--mdc-outlined-text-field-label-text-color: #44474e;--mdc-outlined-text-field-hover-label-text-color: #1a1b1f;--mdc-outlined-text-field-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-outlined-text-field-input-text-color: #1a1b1f;--mdc-outlined-text-field-disabled-input-text-color: rgba(26, 27, 31, .38);--mdc-outlined-text-field-input-text-placeholder-color: #44474e;--mdc-outlined-text-field-error-focus-label-text-color: #ba1a1a;--mdc-outlined-text-field-error-label-text-color: #ba1a1a;--mdc-outlined-text-field-error-hover-label-text-color: #410002;--mdc-outlined-text-field-outline-color: #74777f;--mdc-outlined-text-field-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-outlined-text-field-hover-outline-color: #1a1b1f;--mdc-outlined-text-field-error-focus-outline-color: #ba1a1a;--mdc-outlined-text-field-error-hover-outline-color: #410002;--mdc-outlined-text-field-error-outline-color: #ba1a1a;--mdc-outlined-text-field-label-text-font: Roboto, sans-serif;--mdc-outlined-text-field-label-text-size: 1rem;--mdc-outlined-text-field-label-text-tracking: .031rem;--mdc-outlined-text-field-label-text-weight: 400;--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-focus-outline-width: 2px;--mdc-outlined-text-field-container-shape: 4px;--mat-form-field-focus-select-arrow-color: #005cbb;--mat-form-field-disabled-input-text-placeholder-color: rgba(26, 27, 31, .38);--mat-form-field-state-layer-color: #1a1b1f;--mat-form-field-error-text-color: #ba1a1a;--mat-form-field-select-option-text-color: #1a1b1f;--mat-form-field-select-disabled-option-text-color: rgba(26, 27, 31, .38);--mat-form-field-leading-icon-color: #44474e;--mat-form-field-disabled-leading-icon-color: rgba(26, 27, 31, .38);--mat-form-field-trailing-icon-color: #44474e;--mat-form-field-disabled-trailing-icon-color: rgba(26, 27, 31, .38);--mat-form-field-error-focus-trailing-icon-color: #ba1a1a;--mat-form-field-error-hover-trailing-icon-color: #410002;--mat-form-field-error-trailing-icon-color: #ba1a1a;--mat-form-field-enabled-select-arrow-color: #44474e;--mat-form-field-disabled-select-arrow-color: rgba(26, 27, 31, .38);--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 1.5rem;--mat-form-field-container-text-size: 1rem;--mat-form-field-container-text-tracking: .031rem;--mat-form-field-container-text-weight: 400;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 1rem;--mat-form-field-subscript-text-size: .75rem;--mat-form-field-subscript-text-tracking: .025rem;--mat-form-field-subscript-text-weight: 400;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-form-field-focus-state-layer-opacity: 0;--mat-select-panel-background-color: #efedf0;--mat-select-enabled-trigger-text-color: #1a1b1f;--mat-select-disabled-trigger-text-color: rgba(26, 27, 31, .38);--mat-select-placeholder-text-color: #44474e;--mat-select-enabled-arrow-color: #44474e;--mat-select-disabled-arrow-color: rgba(26, 27, 31, .38);--mat-select-focused-arrow-color: #005cbb;--mat-select-invalid-arrow-color: #ba1a1a;--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 1.5rem;--mat-select-trigger-text-size: 1rem;--mat-select-trigger-text-tracking: .031rem;--mat-select-trigger-text-weight: 400;--mat-select-arrow-transform: translateY(-8px);--mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-autocomplete-background-color: #efedf0;--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-dialog-container-color: #faf9fd;--mdc-dialog-subhead-color: #1a1b1f;--mdc-dialog-supporting-text-color: #44474e;--mdc-dialog-subhead-font: Roboto, sans-serif;--mdc-dialog-subhead-line-height: 2rem;--mdc-dialog-subhead-size: 1.5rem;--mdc-dialog-subhead-weight: 400;--mdc-dialog-subhead-tracking: 0;--mdc-dialog-supporting-text-font: Roboto, sans-serif;--mdc-dialog-supporting-text-line-height: 1.25rem;--mdc-dialog-supporting-text-size: .875rem;--mdc-dialog-supporting-text-weight: 400;--mdc-dialog-supporting-text-tracking: .016rem;--mdc-dialog-container-shape: 28px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-container-min-width: 280px;--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-headline-padding: 6px 24px 13px;--mdc-chip-outline-color: #74777f;--mdc-chip-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-chip-focus-outline-color: #44474e;--mdc-chip-hover-state-layer-opacity: .08;--mdc-chip-selected-hover-state-layer-opacity: .08;--mdc-chip-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-chip-elevated-selected-container-color: #dae2f9;--mdc-chip-flat-disabled-selected-container-color: rgba(26, 27, 31, .12);--mdc-chip-focus-state-layer-color: #44474e;--mdc-chip-hover-state-layer-color: #44474e;--mdc-chip-selected-hover-state-layer-color: #131c2b;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-selected-focus-state-layer-color: #131c2b;--mdc-chip-selected-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: #44474e;--mdc-chip-selected-label-text-color: #131c2b;--mdc-chip-with-icon-icon-color: #44474e;--mdc-chip-with-icon-disabled-icon-color: #1a1b1f;--mdc-chip-with-icon-selected-icon-color: #131c2b;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #1a1b1f;--mdc-chip-with-trailing-icon-trailing-icon-color: #44474e;--mdc-chip-label-text-font: Roboto, sans-serif;--mdc-chip-label-text-line-height: 1.25rem;--mdc-chip-label-text-size: .875rem;--mdc-chip-label-text-tracking: .006rem;--mdc-chip-label-text-weight: 500;--mdc-chip-container-height: 32px;--mdc-chip-container-shape-radius: 8px;--mdc-chip-with-avatar-avatar-shape-radius: 24px;--mdc-chip-with-avatar-avatar-size: 24px;--mdc-chip-with-icon-icon-size: 18px;--mdc-chip-outline-width: 1px;--mdc-chip-with-avatar-disabled-avatar-opacity: .38;--mdc-chip-flat-selected-outline-width: 0;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--mdc-chip-with-icon-disabled-icon-opacity: .38;--mdc-chip-elevated-container-color: transparent;--mat-chip-trailing-action-state-layer-color: #44474e;--mat-chip-selected-trailing-action-state-layer-color: #131c2b;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-selected-disabled-trailing-icon-color: #1a1b1f;--mat-chip-selected-trailing-icon-color: #131c2b;--mat-chip-disabled-container-opacity: 1;--mat-chip-trailing-action-opacity: 1;--mat-chip-trailing-action-focus-opacity: 1;--mdc-switch-selected-focus-state-layer-opacity: .12;--mdc-switch-selected-hover-state-layer-opacity: .08;--mdc-switch-selected-pressed-state-layer-opacity: .12;--mdc-switch-unselected-focus-state-layer-opacity: .12;--mdc-switch-unselected-hover-state-layer-opacity: .08;--mdc-switch-unselected-pressed-state-layer-opacity: .12;--mdc-switch-selected-focus-state-layer-color: #005cbb;--mdc-switch-selected-handle-color: #ffffff;--mdc-switch-selected-hover-state-layer-color: #005cbb;--mdc-switch-selected-pressed-state-layer-color: #005cbb;--mdc-switch-selected-focus-handle-color: #d7e3ff;--mdc-switch-selected-hover-handle-color: #d7e3ff;--mdc-switch-selected-pressed-handle-color: #d7e3ff;--mdc-switch-selected-focus-track-color: #005cbb;--mdc-switch-selected-hover-track-color: #005cbb;--mdc-switch-selected-pressed-track-color: #005cbb;--mdc-switch-selected-track-color: #005cbb;--mdc-switch-disabled-selected-handle-color: #faf9fd;--mdc-switch-disabled-selected-icon-color: #1a1b1f;--mdc-switch-disabled-selected-track-color: #1a1b1f;--mdc-switch-disabled-unselected-handle-color: #1a1b1f;--mdc-switch-disabled-unselected-icon-color: #e0e2ec;--mdc-switch-disabled-unselected-track-color: #e0e2ec;--mdc-switch-selected-icon-color: #001b3f;--mdc-switch-unselected-focus-handle-color: #44474e;--mdc-switch-unselected-focus-state-layer-color: #1a1b1f;--mdc-switch-unselected-focus-track-color: #e0e2ec;--mdc-switch-unselected-handle-color: #74777f;--mdc-switch-unselected-hover-handle-color: #44474e;--mdc-switch-unselected-hover-state-layer-color: #1a1b1f;--mdc-switch-unselected-hover-track-color: #e0e2ec;--mdc-switch-unselected-icon-color: #e0e2ec;--mdc-switch-unselected-pressed-handle-color: #44474e;--mdc-switch-unselected-pressed-state-layer-color: #1a1b1f;--mdc-switch-unselected-pressed-track-color: #e0e2ec;--mdc-switch-unselected-track-color: #e0e2ec;--mdc-switch-disabled-selected-icon-opacity: .38;--mdc-switch-disabled-track-opacity: .12;--mdc-switch-disabled-unselected-icon-opacity: .38;--mdc-switch-handle-shape: 9999px;--mdc-switch-selected-icon-size: 16px;--mdc-switch-track-height: 32px;--mdc-switch-track-shape: 9999px;--mdc-switch-track-width: 52px;--mdc-switch-unselected-icon-size: 16px;--mdc-switch-state-layer-size: 40px;--mat-switch-track-outline-color: #74777f;--mat-switch-disabled-unselected-track-outline-color: #1a1b1f;--mat-switch-label-text-color: #1a1b1f;--mat-switch-label-text-font: Roboto, sans-serif;--mat-switch-label-text-line-height: 1.25rem;--mat-switch-label-text-size: .875rem;--mat-switch-label-text-tracking: .016rem;--mat-switch-label-text-weight: 400;--mat-switch-disabled-selected-handle-opacity: 1;--mat-switch-disabled-unselected-handle-opacity: .38;--mat-switch-unselected-handle-size: 16px;--mat-switch-selected-handle-size: 24px;--mat-switch-pressed-handle-size: 28px;--mat-switch-with-icon-handle-size: 24px;--mat-switch-selected-handle-horizontal-margin: 0 24px;--mat-switch-selected-with-icon-handle-horizontal-margin: 0 24px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 22px;--mat-switch-unselected-handle-horizontal-margin: 0 8px;--mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;--mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-switch-visible-track-opacity: 1;--mat-switch-hidden-track-opacity: 0;--mat-switch-visible-track-transition: opacity 75ms;--mat-switch-hidden-track-transition: opacity 75ms;--mat-switch-track-outline-width: 2px;--mat-switch-selected-track-outline-width: 2px;--mat-switch-selected-track-outline-color: transparent;--mat-switch-disabled-unselected-track-outline-width: 2px;--mdc-radio-disabled-selected-icon-color: #1a1b1f;--mdc-radio-disabled-unselected-icon-color: #1a1b1f;--mdc-radio-unselected-hover-icon-color: #1a1b1f;--mdc-radio-unselected-icon-color: #44474e;--mdc-radio-unselected-pressed-icon-color: #1a1b1f;--mdc-radio-selected-focus-icon-color: #005cbb;--mdc-radio-selected-hover-icon-color: #005cbb;--mdc-radio-selected-icon-color: #005cbb;--mdc-radio-selected-pressed-icon-color: #005cbb;--mdc-radio-state-layer-size: 40px;--mdc-radio-disabled-selected-icon-opacity: .38;--mdc-radio-disabled-unselected-icon-opacity: .38;--mat-radio-ripple-color: #1a1b1f;--mat-radio-checked-ripple-color: #005cbb;--mat-radio-disabled-label-color: rgba(26, 27, 31, .38);--mat-radio-label-text-color: #1a1b1f;--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 1.25rem;--mat-radio-label-text-size: .875rem;--mat-radio-label-text-tracking: .016rem;--mat-radio-label-text-weight: 400;--mat-radio-touch-target-display: block;--mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-slider-handle-color: #005cbb;--mdc-slider-focus-handle-color: #005cbb;--mdc-slider-hover-handle-color: #005cbb;--mdc-slider-active-track-color: #005cbb;--mdc-slider-inactive-track-color: #e0e2ec;--mdc-slider-with-tick-marks-inactive-container-color: #44474e;--mdc-slider-with-tick-marks-active-container-color: #ffffff;--mdc-slider-disabled-active-track-color: #1a1b1f;--mdc-slider-disabled-handle-color: #1a1b1f;--mdc-slider-disabled-inactive-track-color: #1a1b1f;--mdc-slider-label-container-color: #005cbb;--mdc-slider-label-label-text-color: #ffffff;--mdc-slider-with-overlap-handle-outline-color: #ffffff;--mdc-slider-with-tick-marks-disabled-container-color: #1a1b1f;--mdc-slider-label-label-text-font: Roboto, sans-serif;--mdc-slider-label-label-text-size: .75rem;--mdc-slider-label-label-text-line-height: 1rem;--mdc-slider-label-label-text-tracking: .031rem;--mdc-slider-label-label-text-weight: 500;--mdc-slider-active-track-height: 4px;--mdc-slider-active-track-shape: 9999px;--mdc-slider-handle-height: 20px;--mdc-slider-handle-shape: 9999px;--mdc-slider-handle-width: 20px;--mdc-slider-inactive-track-height: 4px;--mdc-slider-inactive-track-shape: 9999px;--mdc-slider-with-overlap-handle-outline-width: 1px;--mdc-slider-with-tick-marks-active-container-opacity: .38;--mdc-slider-with-tick-marks-container-shape: 9999px;--mdc-slider-with-tick-marks-container-size: 2px;--mdc-slider-with-tick-marks-inactive-container-opacity: .38;--mat-slider-ripple-color: #005cbb;--mat-slider-hover-state-layer-color: rgba(0, 92, 187, .05);--mat-slider-focus-state-layer-color: rgba(0, 92, 187, .2);--mat-slider-value-indicator-width: 28px;--mat-slider-value-indicator-height: 28px;--mat-slider-value-indicator-caret-display: none;--mat-slider-value-indicator-border-radius: 50% 50% 50% 0;--mat-slider-value-indicator-padding: 0;--mat-slider-value-indicator-text-transform: rotate(45deg);--mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);--mat-slider-value-indicator-opacity: 1;--mat-menu-item-label-text-color: #1a1b1f;--mat-menu-item-icon-color: #44474e;--mat-menu-item-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-menu-item-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-menu-container-color: #efedf0;--mat-menu-divider-color: #e0e2ec;--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-size: .875rem;--mat-menu-item-label-text-tracking: .006rem;--mat-menu-item-label-text-line-height: 1.25rem;--mat-menu-item-label-text-weight: 500;--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-spacing: 12px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px;--mat-menu-base-elevation-level: 2;--mdc-list-list-item-container-color: transparent;--mdc-list-list-item-leading-avatar-color: #d7e3ff;--mdc-list-list-item-disabled-state-layer-color: #1a1b1f;--mdc-list-list-item-disabled-state-layer-opacity: .12;--mdc-list-list-item-label-text-color: #1a1b1f;--mdc-list-list-item-supporting-text-color: #44474e;--mdc-list-list-item-leading-icon-color: #44474e;--mdc-list-list-item-trailing-supporting-text-color: #44474e;--mdc-list-list-item-trailing-icon-color: #44474e;--mdc-list-list-item-selected-trailing-icon-color: #005cbb;--mdc-list-list-item-disabled-label-text-color: #1a1b1f;--mdc-list-list-item-disabled-leading-icon-color: #1a1b1f;--mdc-list-list-item-disabled-trailing-icon-color: #1a1b1f;--mdc-list-list-item-hover-label-text-color: #1a1b1f;--mdc-list-list-item-focus-label-text-color: #1a1b1f;--mdc-list-list-item-hover-state-layer-color: #1a1b1f;--mdc-list-list-item-hover-state-layer-opacity: .08;--mdc-list-list-item-focus-state-layer-color: #1a1b1f;--mdc-list-list-item-focus-state-layer-opacity: .12;--mdc-list-list-item-label-text-font: Roboto, sans-serif;--mdc-list-list-item-label-text-line-height: 1.5rem;--mdc-list-list-item-label-text-size: 1rem;--mdc-list-list-item-label-text-tracking: .031rem;--mdc-list-list-item-label-text-weight: 400;--mdc-list-list-item-supporting-text-font: Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height: 1.25rem;--mdc-list-list-item-supporting-text-size: .875rem;--mdc-list-list-item-supporting-text-tracking: .016rem;--mdc-list-list-item-supporting-text-weight: 400;--mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height: 1rem;--mdc-list-list-item-trailing-supporting-text-size: .688rem;--mdc-list-list-item-trailing-supporting-text-tracking: .031rem;--mdc-list-list-item-trailing-supporting-text-weight: 500;--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px;--mdc-list-list-item-container-shape: 0;--mdc-list-list-item-leading-avatar-shape: 9999px;--mdc-list-list-item-leading-icon-size: 24px;--mdc-list-list-item-leading-avatar-size: 40px;--mdc-list-list-item-trailing-icon-size: 24px;--mdc-list-list-item-disabled-label-text-opacity: .3;--mdc-list-list-item-disabled-leading-icon-opacity: .38;--mdc-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-active-indicator-color: #dae2f9;--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-active-indicator-shape: 9999px;--mat-paginator-container-text-color: #1a1b1f;--mat-paginator-container-background-color: #faf9fd;--mat-paginator-enabled-icon-color: #44474e;--mat-paginator-disabled-icon-color: rgba(26, 27, 31, .38);--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 1rem;--mat-paginator-container-text-size: .75rem;--mat-paginator-container-text-tracking: .025rem;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: .75rem;--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mdc-secondary-navigation-tab-container-height: 48px;--mdc-tab-indicator-active-indicator-color: #005cbb;--mdc-tab-indicator-active-indicator-height: 2px;--mdc-tab-indicator-active-indicator-shape: 0;--mat-tab-header-divider-color: #e0e2ec;--mat-tab-header-pagination-icon-color: #1a1b1f;--mat-tab-header-inactive-label-text-color: #1a1b1f;--mat-tab-header-active-label-text-color: #1a1b1f;--mat-tab-header-active-ripple-color: #1a1b1f;--mat-tab-header-inactive-ripple-color: #1a1b1f;--mat-tab-header-inactive-focus-label-text-color: #1a1b1f;--mat-tab-header-inactive-hover-label-text-color: #1a1b1f;--mat-tab-header-active-focus-label-text-color: #1a1b1f;--mat-tab-header-active-hover-label-text-color: #1a1b1f;--mat-tab-header-active-focus-indicator-color: #005cbb;--mat-tab-header-active-hover-indicator-color: #005cbb;--mat-tab-header-label-text-font: Roboto, sans-serif;--mat-tab-header-label-text-size: .875rem;--mat-tab-header-label-text-tracking: .006rem;--mat-tab-header-label-text-line-height: 1.25rem;--mat-tab-header-label-text-weight: 500;--mat-tab-header-divider-height: 1px;--mdc-checkbox-disabled-selected-checkmark-color: #faf9fd;--mdc-checkbox-selected-focus-state-layer-opacity: .12;--mdc-checkbox-selected-hover-state-layer-opacity: .08;--mdc-checkbox-selected-pressed-state-layer-opacity: .12;--mdc-checkbox-unselected-focus-state-layer-opacity: .12;--mdc-checkbox-unselected-hover-state-layer-opacity: .08;--mdc-checkbox-unselected-pressed-state-layer-opacity: .12;--mdc-checkbox-selected-pressed-icon-color: #005cbb;--mdc-checkbox-disabled-selected-icon-color: rgba(26, 27, 31, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(26, 27, 31, .38);--mdc-checkbox-selected-checkmark-color: #ffffff;--mdc-checkbox-selected-focus-icon-color: #005cbb;--mdc-checkbox-selected-hover-icon-color: #005cbb;--mdc-checkbox-selected-icon-color: #005cbb;--mdc-checkbox-unselected-focus-icon-color: #1a1b1f;--mdc-checkbox-unselected-hover-icon-color: #1a1b1f;--mdc-checkbox-unselected-icon-color: #44474e;--mdc-checkbox-selected-focus-state-layer-color: #005cbb;--mdc-checkbox-selected-hover-state-layer-color: #005cbb;--mdc-checkbox-selected-pressed-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-focus-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-hover-state-layer-color: #1a1b1f;--mdc-checkbox-unselected-pressed-state-layer-color: #005cbb;--mdc-checkbox-state-layer-size: 40px;--mat-checkbox-disabled-label-color: rgba(26, 27, 31, .38);--mat-checkbox-label-text-color: #1a1b1f;--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 1.25rem;--mat-checkbox-label-text-size: .875rem;--mat-checkbox-label-text-tracking: .016rem;--mat-checkbox-label-text-weight: 400;--mat-checkbox-touch-target-display: block;--mdc-text-button-label-text-color: #005cbb;--mdc-text-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-text-button-label-text-font: Roboto, sans-serif;--mdc-text-button-label-text-size: .875rem;--mdc-text-button-label-text-tracking: .006rem;--mdc-text-button-label-text-weight: 500;--mdc-text-button-container-height: 40px;--mdc-text-button-container-shape: 9999px;--mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-protected-button-container-color: #faf9fd;--mdc-protected-button-label-text-color: #005cbb;--mdc-protected-button-disabled-container-color: rgba(26, 27, 31, .12);--mdc-protected-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-protected-button-label-text-font: Roboto, sans-serif;--mdc-protected-button-label-text-size: .875rem;--mdc-protected-button-label-text-tracking: .006rem;--mdc-protected-button-label-text-weight: 500;--mdc-protected-button-container-height: 40px;--mdc-protected-button-container-shape: 9999px;--mdc-filled-button-container-color: #005cbb;--mdc-filled-button-label-text-color: #ffffff;--mdc-filled-button-disabled-container-color: rgba(26, 27, 31, .12);--mdc-filled-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-filled-button-label-text-font: Roboto, sans-serif;--mdc-filled-button-label-text-size: .875rem;--mdc-filled-button-label-text-tracking: .006rem;--mdc-filled-button-label-text-weight: 500;--mdc-filled-button-container-height: 40px;--mdc-filled-button-container-shape: 9999px;--mdc-outlined-button-disabled-outline-color: rgba(26, 27, 31, .12);--mdc-outlined-button-disabled-label-text-color: rgba(26, 27, 31, .38);--mdc-outlined-button-label-text-color: #005cbb;--mdc-outlined-button-outline-color: #74777f;--mdc-outlined-button-label-text-font: Roboto, sans-serif;--mdc-outlined-button-label-text-size: .875rem;--mdc-outlined-button-label-text-tracking: .006rem;--mdc-outlined-button-label-text-weight: 500;--mdc-outlined-button-container-height: 40px;--mdc-outlined-button-outline-width: 1px;--mdc-outlined-button-container-shape: 9999px;--mat-text-button-state-layer-color: #005cbb;--mat-text-button-disabled-state-layer-color: #44474e;--mat-text-button-ripple-color: rgba(0, 92, 187, .12);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .12;--mat-text-button-pressed-state-layer-opacity: .12;--mat-text-button-touch-target-display: block;--mat-text-button-horizontal-padding: 12px;--mat-text-button-with-icon-horizontal-padding: 16px;--mat-text-button-icon-spacing: 8px;--mat-text-button-icon-offset: -4px;--mat-protected-button-state-layer-color: #005cbb;--mat-protected-button-disabled-state-layer-color: #44474e;--mat-protected-button-ripple-color: rgba(0, 92, 187, .12);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .12;--mat-protected-button-pressed-state-layer-opacity: .12;--mat-protected-button-touch-target-display: block;--mat-protected-button-horizontal-padding: 24px;--mat-protected-button-icon-spacing: 8px;--mat-protected-button-icon-offset: -8px;--mat-filled-button-state-layer-color: #ffffff;--mat-filled-button-disabled-state-layer-color: #44474e;--mat-filled-button-ripple-color: rgba(255, 255, 255, .12);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .12;--mat-filled-button-pressed-state-layer-opacity: .12;--mat-filled-button-touch-target-display: block;--mat-filled-button-horizontal-padding: 24px;--mat-filled-button-icon-spacing: 8px;--mat-filled-button-icon-offset: -8px;--mat-outlined-button-state-layer-color: #005cbb;--mat-outlined-button-disabled-state-layer-color: #44474e;--mat-outlined-button-ripple-color: rgba(0, 92, 187, .12);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .12;--mat-outlined-button-pressed-state-layer-opacity: .12;--mat-outlined-button-touch-target-display: block;--mat-outlined-button-horizontal-padding: 24px;--mat-outlined-button-icon-spacing: 8px;--mat-outlined-button-icon-offset: -8px;--mdc-icon-button-icon-color: #44474e;--mdc-icon-button-disabled-icon-color: rgba(26, 27, 31, .38);--mdc-icon-button-state-layer-size: 40px;--mdc-icon-button-icon-size: 24px;--mat-icon-button-state-layer-color: #44474e;--mat-icon-button-disabled-state-layer-color: #44474e;--mat-icon-button-ripple-color: rgba(68, 71, 78, .12);--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-touch-target-display: block;--mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-extended-fab-label-text-font: Roboto, sans-serif;--mdc-extended-fab-label-text-size: .875rem;--mdc-extended-fab-label-text-tracking: .006rem;--mdc-extended-fab-label-text-weight: 500;--mdc-extended-fab-container-height: 56px;--mdc-extended-fab-container-shape: 16px;--mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-container-color: #d7e3ff;--mdc-fab-container-shape: 16px;--mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mdc-fab-small-container-color: #d7e3ff;--mdc-fab-small-container-shape: 12px;--mat-fab-foreground-color: #001b3f;--mat-fab-state-layer-color: #001b3f;--mat-fab-ripple-color: rgba(0, 27, 63, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-focus-state-layer-opacity: .12;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-disabled-state-container-color: rgba(26, 27, 31, .12);--mat-fab-disabled-state-foreground-color: rgba(26, 27, 31, .38);--mat-fab-touch-target-display: block;--mat-fab-small-foreground-color: #001b3f;--mat-fab-small-state-layer-color: #001b3f;--mat-fab-small-ripple-color: rgba(0, 27, 63, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-disabled-state-container-color: rgba(26, 27, 31, .12);--mat-fab-small-disabled-state-foreground-color: rgba(26, 27, 31, .38);--mdc-snackbar-container-color: #2f3033;--mdc-snackbar-supporting-text-color: #f2f0f4;--mdc-snackbar-supporting-text-font: Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height: 1.25rem;--mdc-snackbar-supporting-text-size: .875rem;--mdc-snackbar-supporting-text-weight: 400;--mdc-snackbar-container-shape: 4px;--mat-snack-bar-button-color: #abc7ff;--mat-table-background-color: #faf9fd;--mat-table-header-headline-color: #1a1b1f;--mat-table-row-item-label-text-color: #1a1b1f;--mat-table-row-item-outline-color: #74777f;--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 1.25rem;--mat-table-header-headline-size: .875rem;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: .006rem;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 1.25rem;--mat-table-row-item-label-text-size: .875rem;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: .016rem;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 1.25rem;--mat-table-footer-supporting-text-size: .875rem;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: .016rem;--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-table-row-item-outline-width: 1px;--mdc-circular-progress-active-indicator-color: #005cbb;--mdc-circular-progress-active-indicator-width: 4px;--mdc-circular-progress-size: 48px;--mat-badge-background-color: #ba1a1a;--mat-badge-text-color: #ffffff;--mat-badge-disabled-state-background-color: rgba(186, 26, 26, .38);--mat-badge-disabled-state-text-color: #ffffff;--mat-badge-text-font: Roboto, sans-serif;--mat-badge-text-size: .688rem;--mat-badge-text-weight: 500;--mat-badge-large-size-text-size: .688rem;--mat-badge-container-shape: 9999px;--mat-badge-container-size: 16px;--mat-badge-small-size-container-size: 6px;--mat-badge-large-size-container-size: 16px;--mat-badge-legacy-container-size: 16px;--mat-badge-legacy-small-size-container-size: 16px;--mat-badge-legacy-large-size-container-size: 16px;--mat-badge-container-offset: -12px 0;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-large-size-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-large-size-container-overlap-offset: -12px;--mat-badge-container-padding: 0 4px;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0 4px;--mat-badge-small-size-text-size: 0;--mat-bottom-sheet-container-text-color: #1a1b1f;--mat-bottom-sheet-container-background-color: #f4f3f6;--mat-bottom-sheet-container-text-font: Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height: 1.5rem;--mat-bottom-sheet-container-text-size: 1rem;--mat-bottom-sheet-container-text-tracking: .031rem;--mat-bottom-sheet-container-text-weight: 400;--mat-bottom-sheet-container-shape: 28px;--mat-standard-button-toggle-hover-state-layer-opacity: .08;--mat-standard-button-toggle-focus-state-layer-opacity: .12;--mat-standard-button-toggle-text-color: #1a1b1f;--mat-standard-button-toggle-state-layer-color: #1a1b1f;--mat-standard-button-toggle-selected-state-background-color: #dae2f9;--mat-standard-button-toggle-selected-state-text-color: #131c2b;--mat-standard-button-toggle-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(26, 27, 31, .38);--mat-standard-button-toggle-disabled-selected-state-background-color: rgba(26, 27, 31, .12);--mat-standard-button-toggle-divider-color: #74777f;--mat-standard-button-toggle-label-text-font: Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height: 1.25rem;--mat-standard-button-toggle-label-text-size: .875rem;--mat-standard-button-toggle-label-text-tracking: .006rem;--mat-standard-button-toggle-label-text-weight: 500;--mat-standard-button-toggle-height: 40px;--mat-standard-button-toggle-shape: 9999px;--mat-standard-button-toggle-background-color: transparent;--mat-standard-button-toggle-disabled-state-background-color: transparent;--mat-datepicker-calendar-date-selected-state-text-color: #ffffff;--mat-datepicker-calendar-date-selected-state-background-color: #005cbb;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-today-selected-state-outline-color: #005cbb;--mat-datepicker-calendar-date-focus-state-background-color: rgba(26, 27, 31, .12);--mat-datepicker-calendar-date-hover-state-background-color: rgba(26, 27, 31, .08);--mat-datepicker-toggle-active-state-icon-color: #44474e;--mat-datepicker-calendar-date-in-range-state-background-color: #d7e3ff;--mat-datepicker-calendar-date-in-comparison-range-state-background-color: #d7e3ff;--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #dae2f9;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #565e71;--mat-datepicker-toggle-icon-color: #44474e;--mat-datepicker-calendar-body-label-text-color: #1a1b1f;--mat-datepicker-calendar-period-button-text-color: #44474e;--mat-datepicker-calendar-period-button-icon-color: #44474e;--mat-datepicker-calendar-navigation-button-icon-color: #44474e;--mat-datepicker-calendar-header-text-color: #44474e;--mat-datepicker-calendar-date-today-outline-color: #005cbb;--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-text-color: #1a1b1f;--mat-datepicker-calendar-date-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-date-preview-state-outline-color: #005cbb;--mat-datepicker-range-input-separator-color: #1a1b1f;--mat-datepicker-range-input-disabled-state-separator-color: rgba(26, 27, 31, .38);--mat-datepicker-range-input-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-datepicker-calendar-container-background-color: #e9e7eb;--mat-datepicker-calendar-container-text-color: #1a1b1f;--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: .875rem;--mat-datepicker-calendar-body-label-text-size: .875rem;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: .875rem;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: .875rem;--mat-datepicker-calendar-header-text-weight: 500;--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-shape: 28px;--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-date-outline-color: transparent;--mat-divider-color: #74777f;--mat-divider-width: 1px;--mat-expansion-container-background-color: #faf9fd;--mat-expansion-container-text-color: #1a1b1f;--mat-expansion-actions-divider-color: #74777f;--mat-expansion-header-hover-state-layer-color: rgba(26, 27, 31, .08);--mat-expansion-header-focus-state-layer-color: rgba(26, 27, 31, .12);--mat-expansion-header-disabled-state-text-color: rgba(26, 27, 31, .38);--mat-expansion-header-text-color: #1a1b1f;--mat-expansion-header-description-color: #44474e;--mat-expansion-header-indicator-color: #44474e;--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 1rem;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: 1.5rem;--mat-expansion-header-text-tracking: .009rem;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 1.5rem;--mat-expansion-container-text-size: 1rem;--mat-expansion-container-text-tracking: .031rem;--mat-expansion-container-text-weight: 400;--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-expansion-container-shape: 12px;--mat-expansion-legacy-header-indicator-display: none;--mat-expansion-header-indicator-display: inline-block;--mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-header-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-footer-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-icon-color: inherit;--mat-sidenav-container-background-color: #faf9fd;--mat-sidenav-container-text-color: #44474e;--mat-sidenav-content-background-color: #faf9fd;--mat-sidenav-content-text-color: #1a1b1f;--mat-sidenav-scrim-color: rgba(45, 48, 56, .4);--mat-sidenav-container-shape: 16px;--mat-sidenav-container-elevation-shadow: none;--mat-sidenav-container-width: 360px;--mat-sidenav-container-divider-color: transparent;--mat-stepper-header-icon-foreground-color: #faf9fd;--mat-stepper-header-selected-state-icon-background-color: #005cbb;--mat-stepper-header-selected-state-icon-foreground-color: #ffffff;--mat-stepper-header-edit-state-icon-background-color: #005cbb;--mat-stepper-header-edit-state-icon-foreground-color: #ffffff;--mat-stepper-container-color: #faf9fd;--mat-stepper-line-color: #74777f;--mat-stepper-header-hover-state-layer-color: rgba(47, 48, 51, .08);--mat-stepper-header-focus-state-layer-color: rgba(47, 48, 51, .12);--mat-stepper-header-label-text-color: #44474e;--mat-stepper-header-optional-label-text-color: #44474e;--mat-stepper-header-selected-state-label-text-color: #44474e;--mat-stepper-header-error-state-label-text-color: #ba1a1a;--mat-stepper-header-icon-background-color: #44474e;--mat-stepper-header-error-state-icon-foreground-color: #ba1a1a;--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: .875rem;--mat-stepper-header-label-text-weight: 500;--mat-stepper-header-error-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-weight: 500;--mat-stepper-header-height: 72px;--mat-stepper-header-focus-state-layer-shape: 12px;--mat-stepper-header-hover-state-layer-shape: 12px;--mat-stepper-header-error-state-icon-background-color: transparent;--mat-sort-arrow-color: #1a1b1f;--mat-toolbar-container-background-color: #faf9fd;--mat-toolbar-container-text-color: #1a1b1f;--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 1.75rem;--mat-toolbar-title-text-size: 1.375rem;--mat-toolbar-title-text-tracking: 0;--mat-toolbar-title-text-weight: 400;--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-tree-container-background-color: #faf9fd;--mat-tree-node-text-color: #1a1b1f;--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 1rem;--mat-tree-node-text-weight: 400;--mat-tree-node-min-height: 48px;display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;color:#444}.mat-theme-loaded-marker{display:none}#ssSearchBar .tabs{display:flex;width:100%;margin-bottom:-1px;z-index:10}#ssSearchBar .tabs .ss-tab{border-radius:4px 4px 0 0;border:#b7b7b7 solid 1px;border-color:#6892ca;border-bottom:none;padding:.3em 1.4em;font-size:.94em;letter-spacing:.4px;font-weight:600;background-color:#4070b0;color:#fff;white-space:nowrap;position:relative}#ssSearchBar .tabs .ss-tab:after{content:\"\";height:1px;width:calc(100% + 2px);position:absolute;bottom:0;left:-1px;background-color:#b7b7b7}#ssSearchBar .tabs .ss-tab:hover{background-color:#6892ca}#ssSearchBar .tabs .ss-tab.ss-active{color:#002e5d;margin-bottom:1px;border-color:#b7b7b7;background-color:#fffffff2}#ssSearchBar .tabs .ss-tab.ss-active:after{display:none}#ssSearchBar .tabs .ss-tab:disabled{cursor:auto}#ssSearchBar .tabs .tab-spacer{width:.3em;border-bottom:#b7b7b7 solid 1px;position:relative}#ssSearchBar .tabs .tab-spacer:before{content:\"\";position:absolute;left:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer:after{content:\"\";position:absolute;right:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer.full{width:100%;margin-right:4px;position:relative}#ssSearchBar .ss-adv-search-text{padding-bottom:1em;padding-right:2rem;pointer-events:none}#ssSearchBar .ss-bar-wrapper{padding:1em 1em .25em;border-right:#b7b7b7 solid 1px;border-left:#b7b7b7 solid 1px;border-bottom:#b7b7b7 solid 1px;width:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;background-color:#fffffff2;border-radius:0 4px 4px;overflow:hidden}#ssSearchBar .ss-bar-wrapper:after{content:\"\";position:absolute;top:0;right:-1px;background-color:transparent;border-radius:0 4px 0 0;width:4px;height:4px;border-top:#b7b7b7 solid 1px;border-right:#b7b7b7 solid 1px}#ssSearchBar .ss-bar-content{position:relative;width:100%;height:initial}#ssSearchBar .ss-search-bar{border-radius:4px;border:#b7b7b7 solid 1px;width:100%}#ssSearchBar #advSearchCloseBtn{float:right;padding:.4em;margin:-.4em 0;color:#666;transition:all .1s}#ssSearchBar #advSearchCloseBtn:hover{color:#292929}#ssSearchBar #advSearchCloseBtn .ss-icon{font-size:1.2em;font-weight:600}#ssSearchBar .ss-adv-search-btn{font-size:.9em;color:#4070b0;margin:.2em 4em 0 auto;padding-right:.4rem;display:flex;justify-content:center;align-items:center}#ssSearchBar .ss-adv-search-btn .ss-icon{font-size:1.4em;opacity:.75;margin-top:.2rem}#ssSearchBar .ss-adv-search-btn:hover{color:#6892ca}\n"] }]
         }], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
@@ -958,5 +1583,5 @@ const isSearchScope = (scope) => searchScopeValues.includes(scope);
  * Generated bundle index. Do not edit.
  */
 
-export { ADVANCED_SEARCH_FIELD_MAP, ADVANCED_SEARCH_OPTIONS, ADVANCED_SEARCH_QUALIFIER_MAP, HbllHeaderComponent, LibraryHoursDatePipe, SsSearchBarComponent, isAdvancedSearchExternalFieldOption, isAdvancedSearchFieldOption, isAdvancedSearchLocalFieldOption, isSearchScope };
+export { ADVANCED_SEARCH_FIELD_MAP, ADVANCED_SEARCH_OPTIONS, ADVANCED_SEARCH_QUALIFIER_MAP, HbllHeaderComponent, LIBRARY_HOURS_API_URL, SsSearchBarComponent, isAdvancedSearchExternalFieldOption, isAdvancedSearchFieldOption, isAdvancedSearchLocalFieldOption, isSearchScope };
 //# sourceMappingURL=byuhbll-components.mjs.map