@pepperi-addons/ngx-lib 0.4.2-beta.137 → 0.4.2-beta.139

package/esm2020/quantity-selector/quantity-selector.component.mjs

@@ -0,0 +1,574 @@
+import { Component, Input, Output, EventEmitter, ViewChild, ChangeDetectionStrategy, } from '@angular/core';
+import { trigger, state, style, animate, transition, } from '@angular/animations';
+import { PepCustomizationService, DEFAULT_HORIZONTAL_ALIGNMENT, PepQuantitySelectorField, } from '@pepperi-addons/ngx-lib';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/badge";
+import * as i9 from "@angular/material/icon";
+import * as i10 from "@pepperi-addons/ngx-lib/icon";
+import * as i11 from "@pepperi-addons/ngx-lib/field-title";
+import * as i12 from "./quantity-selector-validation.directive";
+export class PepQuantitySelectorComponent {
+    constructor(cd, customizationService, renderer, element, translate, utilitiesService) {
+        this.cd = cd;
+        this.customizationService = customizationService;
+        this.renderer = renderer;
+        this.element = element;
+        this.translate = translate;
+        this.utilitiesService = utilitiesService;
+        this.key = '';
+        this._value = '';
+        this.formattedValue = '';
+        // private _formattedValue = '';
+        // @Input()
+        // set formattedValue(value: string) {
+        //     // if (!value) {
+        //     //     value = '';
+        //     // }
+        //     // if (this._calculateFormattedValue) {
+        //     //     this._calculateFormattedValue = false;
+        //     // }
+        //     // this.setFormattedValue(value);
+        // }
+        // get formattedValue(): string {
+        //     return this._formattedValue;
+        // }
+        this._minFractionDigits = NaN;
+        this._maxFractionDigits = NaN;
+        this.label = '';
+        this.type = 'qs';
+        this.mandatory = false;
+        this.disabled = false;
+        this.readonly = false;
+        this._textColor = '';
+        this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
+        this.rowSpan = 1;
+        this._allowDecimal = false;
+        this.additionalValue = '';
+        this._visible = true;
+        this.controlType = 'qs';
+        this.form = null;
+        this.showTitle = true;
+        this.renderTitle = true;
+        this.layoutType = 'form';
+        this.isActive = false;
+        // Get default style from theme.
+        this.styleType = document.documentElement.style.getPropertyValue(PepCustomizationService.STYLE_QS_KEY); //'strong';
+        this.valueChange = new EventEmitter();
+        this.elementClick = new EventEmitter();
+        this._calculateFormattedValue = true;
+        this.lastQsContClientWidth = 0;
+        this.showQsBtn = true;
+        this.standAlone = false;
+        this._isInFocus = false;
+        this.isMatrixFocus = false;
+        this.isCaution = false;
+        this.messages = null;
+        this.sameElementInTheWantedRow = null;
+        this.isEmptyKey = false;
+        this._displayValueSubject = new BehaviorSubject('');
+        this._destroyed = new Subject();
+        // this.qsWidthSubject = new BehaviorSubject(0);
+    }
+    set value(value) {
+        if (!value) {
+            value = '';
+        }
+        if (this._value === '' || this.isDifferentValue(value)) {
+            this._value = value;
+        }
+        // Cut the .000 if exist for non allowDecimal.
+        if (!this.allowDecimal) {
+            this._value = this._value?.split('.')[0];
+        }
+        this.setFormattedValue(this.value);
+        this.changeDisplayValue();
+    }
+    get value() {
+        return this._value;
+    }
+    get valueAsCurrentCulture() {
+        return this.utilitiesService.changeDecimalSeparatorWhenItsComma(this.value, true);
+        // let res = this.value;
+        // if (this.allowDecimal) {
+        //     res = this.utilitiesService.formatDecimal(this.value, this.minFractionDigits, this.maxFractionDigits, false);
+        // }
+        // return res;
+    }
+    set minFractionDigits(value) {
+        this._minFractionDigits = value;
+        this.setFormattedValue(this.value);
+        this.changeDisplayValue();
+    }
+    get minFractionDigits() {
+        return this._minFractionDigits;
+    }
+    set maxFractionDigits(value) {
+        this._maxFractionDigits = value;
+        this.setFormattedValue(this.value);
+        this.changeDisplayValue();
+    }
+    get maxFractionDigits() {
+        return this._maxFractionDigits;
+    }
+    set textColor(value) {
+        this._textColor = value;
+        this.isCaution = value === '#FF0000';
+    }
+    get textColor() {
+        return this._textColor;
+    }
+    set allowDecimal(value) {
+        this._allowDecimal = value;
+        if (this.value) {
+            this.setFormattedValue(this.value);
+            this.changeDisplayValue();
+        }
+    }
+    get allowDecimal() {
+        return this._allowDecimal;
+    }
+    set notificationInfo(value) {
+        this._notificationInfo = value;
+        const messages = value && value > 0 ? JSON.parse(value).Messages : '';
+        if (messages && messages.length > 0) {
+            // Replace the msg keys.
+            for (const msg of messages) {
+                if (msg.Key === 'Inventory_Limit_Msg') {
+                    msg.Key = 'MESSAGES.ERROR_INVENTORY_LIMIT';
+                }
+                else if (msg.Key === 'Case_Quantity_Limit_Msg') {
+                    msg.Key = 'MESSAGES.ERROR_CASE_QUANTITY_LIMIT';
+                }
+                else if (msg.Key === 'Min_Quantity_Limit_Msg') {
+                    msg.Key = 'MESSAGES.ERROR_MIN_QUANTITY_LIMIT';
+                }
+                else if (msg.Key === 'Max_Quantity_Limit_Msg') {
+                    msg.Key = 'MESSAGES.ERROR_MAX_QUANTITY_LIMIT';
+                }
+            }
+            this.messages = messages;
+            const fieldControl = this.form.controls[this.key];
+            fieldControl.setErrors({
+                serverError: 'Error',
+            });
+            this.sameElementInTheWantedRow = null;
+            setTimeout(() => {
+                if (this.QSInput && this.QSInput.nativeElement) {
+                    this.QSInput.nativeElement.focus();
+                }
+            }, 150);
+        }
+    }
+    get notificationInfo() {
+        return this._notificationInfo;
+    }
+    set visible(visible) {
+        this._visible = visible;
+        if (visible) {
+            this.renderer.removeClass(this.element.nativeElement, 'hidden-element');
+        }
+        else {
+            this.renderer.addClass(this.element.nativeElement, 'hidden-element');
+        }
+    }
+    get visible() {
+        return this._visible;
+    }
+    get calculateFormattedValue() {
+        return this._calculateFormattedValue;
+    }
+    set isInFocus(isInFocus) {
+        this._isInFocus = isInFocus;
+        this.changeDisplayValue();
+    }
+    get isInFocus() {
+        return this._isInFocus;
+    }
+    get displayValue$() {
+        return this._displayValueSubject.asObservable().pipe(distinctUntilChanged());
+    }
+    setForm() {
+        const pepField = new PepQuantitySelectorField({
+            key: this.key,
+            value: this.valueAsCurrentCulture,
+            mandatory: this.mandatory,
+            readonly: this.readonly,
+            disabled: this.disabled,
+        });
+        this.form = this.customizationService.getDefaultFromGroup(pepField);
+    }
+    setFormattedValue(value) {
+        if (this._calculateFormattedValue) {
+            if (this.allowDecimal) {
+                this.formattedValue = this.utilitiesService.formatDecimal(value, this.minFractionDigits, this.maxFractionDigits);
+            }
+            else {
+                this.formattedValue = this.utilitiesService.formatNumber(value);
+            }
+        }
+        else {
+            this.formattedValue = value;
+        }
+        this.updateFormFieldValue();
+    }
+    notifyDisplayValueChange(value) {
+        this._displayValueSubject.next(value);
+    }
+    changeDisplayValue() {
+        let res = '';
+        if (this.allowDecimal) {
+            res = this.isInFocus ? this.valueAsCurrentCulture : this.formattedValue;
+        }
+        else {
+            res = this.isInFocus ? this.value : this.formattedValue;
+        }
+        this.notifyDisplayValueChange(res);
+        // console.log('changeDisplayValue' + res);
+    }
+    updateFormFieldValue(firstLoad = false) {
+        // Set the formatted value only for the first load cause it's not formatted if we set the value (I don't know why)
+        // Else we set the value - this is important to set the value only cause setting the formatted value will cause bug when the number is with thousand separator
+        this.customizationService.updateFormFieldValue(this.form, this.key, firstLoad ? this.formattedValue : this.value);
+    }
+    // get displayValue(): string {
+    //     const res = this.isInFocus
+    //         ? this.utilitiesService.formatDecimal(this.value, this.minFractionDigits, this.maxFractionDigits)
+    //         : this.formattedValue;
+    //     return res;
+    // }
+    getDestroyer() {
+        return takeUntil(this._destroyed);
+    }
+    ngOnInit() {
+        if (this.form === null) {
+            if (this.key === '') {
+                this.isEmptyKey = true;
+            }
+            this.standAlone = true;
+            this.setForm();
+            this.renderer.addClass(this.element.nativeElement, PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME);
+            if (!this.renderTitle) {
+                this.renderer.addClass(this.element.nativeElement, PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME);
+            }
+        }
+        // this.qsWidthSubject
+        //     .asObservable()
+        //     .pipe(this.getDestroyer(), distinctUntilChanged())
+        //     .subscribe((qsWidth: number) => {
+        //         this.setupQsButtons(qsWidth);
+        //     });
+        this.updateFormFieldValue(true);
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            // debugger;
+            if (this.QSCont &&
+                this.QSCont.nativeElement &&
+                this.QSCont.nativeElement.clientWidth > 0) {
+                this.showQsBtn = this.QSCont.nativeElement.clientWidth > 120;
+            }
+            if (!this.cd['destroyed']) {
+                this.cd.detectChanges();
+            }
+        }, 0);
+    }
+    ngAfterViewChecked() {
+        // this.setQsView();
+    }
+    ngOnChanges(changes) {
+        // Bug fix for addons when the key is '' in the ngOnInit for some reson
+        if (this.isEmptyKey && this.key !== '') {
+            this.setForm();
+        }
+        setTimeout(() => {
+            this.focusToTheSameElementInTheWantedRow();
+        }, 150);
+    }
+    ngOnDestroy() {
+        this._destroyed.next();
+        this._destroyed.complete();
+    }
+    get getAdditionalValue() {
+        return this.additionalValue.length > 0 ? 'show' : 'hide';
+    }
+    getParentByClass(el, parentSelector /* optional */) {
+        // If no parentSelector defined will bubble up all the way to *document*
+        if (parentSelector === undefined) {
+            parentSelector = document;
+        }
+        let p = el.parentNode;
+        while (p &&
+            !p?.classList?.contains(parentSelector) &&
+            parentSelector !== document) {
+            const o = p;
+            p = o?.parentNode || null;
+        }
+        return p?.className.indexOf(parentSelector) > -1 ? p : null;
+    }
+    getSameElementInTheWantedRowByClassName(event, isNext = true) {
+        const eventTarget = event.target || event.srcElement;
+        let sameElementInTheWantedRowByClassName;
+        let parentSelector;
+        if (this.layoutType === 'table') {
+            parentSelector = this.getParentByClass(eventTarget, 'table-row');
+        }
+        else if (this.layoutType === 'card') {
+            parentSelector = this.getParentByClass(eventTarget, 'card-view');
+            if (!parentSelector) {
+                parentSelector = this.getParentByClass(eventTarget, 'line-view');
+            }
+        }
+        if (parentSelector.nextElementSibling === null &&
+            parentSelector.previousElementSibling === null) {
+            sameElementInTheWantedRowByClassName = null;
+        }
+        else {
+            if (isNext) {
+                if (parentSelector.nextElementSibling === null) {
+                    sameElementInTheWantedRowByClassName = parentSelector.parentElement.querySelectorAll('[name=' + this.key + ']')[0];
+                }
+                else {
+                    sameElementInTheWantedRowByClassName = parentSelector.nextElementSibling.querySelectorAll('[name=' + this.key + ']')[0];
+                }
+            }
+            else {
+                if (parentSelector.previousElementSibling === null) {
+                    const elementsList = parentSelector.parentElement.querySelectorAll('[name=' + this.key + ']');
+                    sameElementInTheWantedRowByClassName =
+                        elementsList[elementsList.length - 1];
+                }
+                else {
+                    sameElementInTheWantedRowByClassName = parentSelector.previousElementSibling.querySelectorAll('[name=' + this.key + ']')[0];
+                }
+            }
+        }
+        return sameElementInTheWantedRowByClassName;
+    }
+    setSameElementInTheWantedRow(event, isNext = true) {
+        // Navigate to the QS in the next row.
+        if (this.layoutType === 'card' || this.layoutType === 'table') {
+            this.sameElementInTheWantedRow = this.getSameElementInTheWantedRowByClassName(event, isNext);
+        }
+        this.QSInput.nativeElement.blur();
+    }
+    focusToTheSameElementInTheWantedRow() {
+        if (this.sameElementInTheWantedRow) {
+            const elem = this.sameElementInTheWantedRow;
+            // If this is regular item (qs and not button) .
+            if (elem instanceof HTMLInputElement && elem.type === 'text') {
+                elem.click();
+                elem.select();
+            }
+            else {
+                const parentElem = elem.parentNode;
+                parentElem.click();
+                elem.focus();
+            }
+            this.sameElementInTheWantedRow = null;
+        }
+    }
+    cleanError() {
+        const fieldControl = this.form.controls[this.key];
+        // Clean the error message
+        if (this.messages && this.messages.length > 0) {
+            this.messages = this.notificationInfo = null;
+            fieldControl.setErrors(null);
+        }
+    }
+    onMatrixMouseEnter(event) {
+        this.isMatrixFocus = true;
+    }
+    onMatrixMouseleave(event) {
+        this.isMatrixFocus = false;
+    }
+    onMatrixClick(event) {
+        this.isInFocus = true;
+        if (this.QSInput && this.QSInput.nativeElement) {
+            this.QSInput.nativeElement.focus();
+        }
+    }
+    onMatrixBlur(event) {
+        if (!event.relatedTarget ||
+            event.relatedTarget.className.indexOf('qs') < 0) {
+            this.isMatrixFocus = false;
+        }
+        this.onBlur(event);
+    }
+    onFocus(event) {
+        this.isInFocus = true;
+        // setTimeout(() => {
+        //     if (this.isInFocus) {
+        //         const eventTarget = event.target || event.srcElement;
+        //         if (eventTarget) {
+        //             eventTarget.select();
+        //         }
+        //     }
+        // }, 0);
+    }
+    isDifferentValue(value) {
+        const res = this.utilitiesService.isEqualNumber(this.valueAsCurrentCulture, value) === false;
+        return res;
+    }
+    onBlur(event) {
+        this.isInFocus = false;
+        this.cleanError();
+        const value = event.target ? event.target.value : event;
+        // For decimal we need to replace the decimal separator back if it's comma (',').
+        const correctValue = this.allowDecimal ? this.utilitiesService.changeDecimalSeparatorWhenItsComma(value) : value;
+        if (correctValue !== this.valueAsCurrentCulture && this.isDifferentValue(value)) {
+            this.value = correctValue;
+            this.valueChange.emit(this.value);
+        }
+        this.focusToTheSameElementInTheWantedRow();
+    }
+    onKeydown(event) {
+        const keyboardEvent = event;
+        if (keyboardEvent.key === 'Enter') {
+            this.setSameElementInTheWantedRow(keyboardEvent, !keyboardEvent.shiftKey);
+            return true;
+        }
+    }
+    increment(event) {
+        if (this.standAlone) {
+            this.value = this.utilitiesService.incrementNumber(this.value);
+        }
+        this.elementClick.emit({
+            key: this.key,
+            value: PepQuantitySelectorComponent.PLUS,
+            controlType: this.controlType,
+            eventWhich: event.which,
+        });
+        event.stopPropagation();
+    }
+    decrement(event) {
+        if (this.standAlone) {
+            this.value = this.utilitiesService.decrementNumber(this.value);
+        }
+        this.elementClick.emit({
+            key: this.key,
+            value: PepQuantitySelectorComponent.MINUS,
+            controlType: this.controlType,
+            eventWhich: event.which,
+        });
+        event.stopPropagation();
+    }
+    enterChildren(event) {
+        this.elementClick.emit({
+            key: this.key,
+            value: PepQuantitySelectorComponent.ENTER_CHILDREN,
+            controlType: this.controlType,
+            eventWhich: event.which,
+        });
+    }
+    enterPackage(event) {
+        this.elementClick.emit({
+            key: this.key,
+            value: PepQuantitySelectorComponent.ENTER_PACKAGE,
+            controlType: this.controlType,
+            eventWhich: event.which,
+            otherData: this.notificationInfo,
+        });
+    }
+}
+PepQuantitySelectorComponent.ENTER_CHILDREN = '[EnterChildren]';
+PepQuantitySelectorComponent.ENTER_PACKAGE = '[EnterPackage]';
+PepQuantitySelectorComponent.PLUS = '[+]';
+PepQuantitySelectorComponent.MINUS = '[-]';
+PepQuantitySelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepQuantitySelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PepCustomizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2.TranslateService }, { token: i1.PepUtilitiesService }], target: i0.ɵɵFactoryTarget.Component });
+PepQuantitySelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepQuantitySelectorComponent, selector: "pep-quantity-selector", inputs: { key: "key", value: "value", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", label: "label", type: "type", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", textColor: "textColor", xAlignment: "xAlignment", rowSpan: "rowSpan", allowDecimal: "allowDecimal", additionalValue: "additionalValue", notificationInfo: "notificationInfo", visible: "visible", form: "form", showTitle: "showTitle", renderTitle: "renderTitle", layoutType: "layoutType", isActive: "isActive", styleType: "styleType", isInFocus: "isInFocus" }, outputs: { valueChange: "valueChange", elementClick: "elementClick" }, viewQueries: [{ propertyName: "QSCont", first: true, predicate: ["QSCont"], descendants: true }, { propertyName: "QSInput", first: true, predicate: ["QSInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <ng-template #pepTemplate>\n        <div #QSCont class=\"pep-quantity-selector-container {{ styleType }}\" [ngClass]=\"{\n                'hide-qs-actions' : layoutType === 'card' && rowSpan <= 1,\n                'pep-table-quantity-selector': layoutType === 'table',\n                'one-row': rowSpan === 1,\n                caution: isCaution,\n                'matrix-qs': type === 'qsForMatrix',\n                'zero-quantity': formattedValue === '0'\n            }\">\n            <pep-field-title *ngIf=\"renderTitle && layoutType !== 'table' && layoutType !== 'card'\" [label]=\"label\"\n                [mandatory]=\"mandatory\" [disabled]=\"disabled\" [showTitle]=\"showTitle\" [xAlignment]=\"xAlignment\">\n            </pep-field-title>\n\n            <ng-container *ngIf=\"type == 'qs'\">\n                <ng-container *ngIf=\"readonly; then readonlyBlock; else editableQSBlock\"></ng-container>\n                <ng-template #readonlyBlock>\n                    <button [id]=\"key\" mat-button class=\"pep-button {{ styleType }} disable \"\n                        [ngClass]=\"{caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1}\"\n                        title=\"{{ formattedValue }}\" disabled=\"true\">\n                        <span class=\"ellipsis\">\n                            {{ formattedValue }}\n                        </span>\n                    </button>\n                </ng-template>\n                <ng-template #editableQSBlock>\n                    <mat-form-field appearance=\"outline\">\n                        <input pepQsValidation [allowDecimal]=\"allowDecimal\" type=\"decimalNumber\" inputmode=\"decimal\"\n                            matInput #QSInput name=\"{{ key }}\" class=\"body-lg ellipsis\" title=\"{{ formattedValue }}\"\n                            autocomplete=\"off\" [id]=\"key\" [formControlName]=\"key\" [value]=\"displayValue$ | async\"\n                            (click)=\"$event.target.setSelectionRange(0, 999)\" (keydown)=\"onKeydown($event)\"\n                            (blur)=\"onBlur($event)\" (focus)=\"onFocus($event)\" />\n                        <button *ngIf=\"showQsBtn\" mat-button matPrefix (click)=\"decrement($event)\"\n                            class=\"pep-button icon-button sm weak qs-action\" [disabled]=\"disabled\" [ngClass]=\"{ disable: disabled, caution: isCaution && styleType !== 'strong',\n                                'keep-background-on-focus': styleType === 'strong'}\">\n                            <mat-icon>\n                                <pep-icon name=\"number_minus\">\n                                </pep-icon>\n                            </mat-icon>\n                        </button>\n                        <button *ngIf=\"showQsBtn\" mat-button matSuffix (click)=\"increment($event)\"\n                            class=\"pep-button icon-button sm weak qs-action\" [disabled]=\"disabled\" [ngClass]=\"{ disable: disabled, caution: isCaution && styleType !== 'strong',\n                                'keep-background-on-focus': styleType === 'strong'}\">\n                            <mat-icon>\n                                <pep-icon name=\"number_plus\">\n                                </pep-icon>\n                            </mat-icon>\n                        </button>\n                        <mat-error *ngIf=\"messages?.length > 0\">\n                            <span class=\"qs-error body-xs\" *ngFor=\"let msg of messages\"> {{ msg.Key | translate }} :\n                                {{ msg.Value }} </span>\n                        </mat-error>\n                    </mat-form-field>\n                </ng-template>\n            </ng-container>\n\n            <ng-container *ngIf=\"type == 'qsForMatrix'\">\n                <ng-container *ngIf=\"readonly; then readonlyBlock; else editableQSBlock\"></ng-container>\n                <ng-template #readonlyBlock>\n                    <button [id]=\"key\" mat-button class=\"pep-button {{ styleType }} disable\" disabled=\"true\"\n                        [ngClass]=\"{caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1}\">\n                        X\n                    </button>\n                </ng-template>\n                <ng-template #editableQSBlock>\n                    <span *ngIf=\" xAlignment=='right'\" class=\" body-sm additional-value prefix\"\n                        matBadge=\"{{ additionalValue }}\" matBadgePosition=\"before\"\n                        matBadgeSize=\"rowSpan === 1 ? small : medium\" [@showHide]=\"getAdditionalValue\"></span>\n\n                    <mat-form-field appearance=\"outline\" (mouseleave)=\"!isInFocus ? onMatrixMouseleave($event) : null\">\n                        <input pepQsValidation [allowDecimal]=\"allowDecimal\" type=\"decimalNumber\" inputmode=\"decimal\"\n                            matInput #QSInput name=\"{{ key }}\" title=\"{{ formattedValue }}\" class=\"body-sm ellipsis\"\n                            autocomplete=\"off\" [id]=\"key\" [formControlName]=\"key\" [value]=\"displayValue$ | async\"\n                            (click)=\"onMatrixClick($event); $event.target.setSelectionRange(0, 999)\"\n                            (keydown)=\"onKeydown($event)\" (blur)=\"onMatrixBlur($event)\"\n                            (focus)=\"onMatrixMouseEnter($event); onFocus($event)\"\n                            (mouseenter)=\"onMatrixMouseEnter($event)\" />\n\n                        <mat-error *ngIf=\"messages?.length > 0\">\n                            <span class=\"qs-error body-xs\" *ngFor=\"let msg of messages\"> {{ msg.Key | translate }} :\n                                {{ msg.Value }} </span>\n                        </mat-error>\n                    </mat-form-field>\n\n                    <span *ngIf=\"xAlignment != 'right'\" class=\"body-sm additional-value suffix\"\n                        matBadge=\"{{ additionalValue }}\" matBadgePosition=\"before\"\n                        matBadgeSize=\"rowSpan === 1 ? small : medium\" [@showHide]=\"getAdditionalValue\"></span>\n                </ng-template>\n            </ng-container>\n\n            <ng-container *ngIf=\"type == 'button'\">\n                <ng-container *ngIf=\"(value | pepToNumber) == 0; then regularBlock; else withBadgeBlock\">\n                </ng-container>\n                <ng-template #regularBlock>\n                    <button mat-button [disabled]=\"disabled\" class=\"pep-button {{ styleType }} \" [id]=\"key\"\n                        name=\"{{ key }}\"\n                        [ngClass]=\"{ disable: disabled, caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1}\"\n                        [title]=\"'QS.ORDER' | translate\" (click)=\"enterChildren($event)\">\n                        <span class=\"ellipsis\">\n                            {{ 'QS.ORDER' | translate }}\n                        </span>\n                    </button>\n                </ng-template>\n                <ng-template #withBadgeBlock>\n                    <button mat-button matBadge=\"{{ formattedValue }}\"\n                        matBadgePosition=\"{{xAlignment == 'right' ? 'before' : 'after'}}\"\n                        [matBadgeSize]=\"layoutType === 'card' && rowSpan === 1 ? 'small' : 'medium'\"\n                        class=\"pep-button {{ styleType }} \" [id]=\"key\" name=\"{{ key }}\" [ngClass]=\"{ disable: disabled, caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1,\n                            'right-alignment': xAlignment == 'right', 'left-alignment': xAlignment != 'right'}\"\n                        [title]=\"'QS.ORDER' | translate\" (click)=\"enterChildren($event)\" [disabled]=\"disabled\">\n                        <span class=\"ellipsis\">\n                            {{ 'QS.ORDER' | translate }}\n                        </span>\n                    </button>\n                </ng-template>\n            </ng-container>\n            <ng-container *ngIf=\"type == 'packageButton'\">\n                <button mat-button class=\"pep-button {{ styleType }} \" [id]=\"key\" name=\"{{ key }}\"\n                    [ngClass]=\"{ disable: disabled, caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1}\"\n                    [title]=\"'QS.ORDER' | translate\" (click)=\"enterPackage($event)\" [disabled]=\"disabled\">\n                    <span class=\"ellipsis\">\n                        {{ 'QS.ORDER' | translate }} &#40;{{ formattedValue }}&#41;\n                    </span>\n                </button>\n            </ng-container>\n        </div>\n    </ng-template>\n\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n</ng-container>", styles: [":host{height:inherit;display:grid}::ng-deep .pepperi-quantity-selector-container,::ng-deep .pep-quantity-selector-container{display:flex;flex-flow:wrap;align-items:center;min-width:2rem;width:100%;height:inherit}::ng-deep .pepperi-quantity-selector-container input::-webkit-outer-spin-button,::ng-deep .pepperi-quantity-selector-container input::-webkit-inner-spin-button,::ng-deep .pep-quantity-selector-container input::-webkit-outer-spin-button,::ng-deep .pep-quantity-selector-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::ng-deep .pepperi-quantity-selector-container input[type=number],::ng-deep .pep-quantity-selector-container input[type=number]{-moz-appearance:textfield}::ng-deep .pepperi-quantity-selector-container .mat-input-element,::ng-deep .pep-quantity-selector-container .mat-input-element{padding:0 .25rem;text-align:center;font-weight:var(--pep-font-weight-bold, 600);width:100%}::ng-deep .pepperi-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper,::ng-deep .pep-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper{height:unset}::ng-deep .pepperi-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-flex,::ng-deep .pep-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-flex{padding:0 .25rem!important}::ng-deep .pepperi-quantity-selector-container .pepperi-button,::ng-deep .pepperi-quantity-selector-container .pep-button,::ng-deep .pep-quantity-selector-container .pepperi-button,::ng-deep .pep-quantity-selector-container .pep-button{width:100%}::ng-deep .pepperi-quantity-selector-container .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container .pep-button.qs-action,::ng-deep .pep-quantity-selector-container .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container .pep-button.qs-action{min-width:2rem;line-height:2rem;width:2rem!important;height:2rem!important}::ng-deep .pepperi-quantity-selector-container .pepperi-button.qs-action .mat-icon,::ng-deep .pepperi-quantity-selector-container .pep-button.qs-action .mat-icon,::ng-deep .pep-quantity-selector-container .pepperi-button.qs-action .mat-icon,::ng-deep .pep-quantity-selector-container .pep-button.qs-action .mat-icon{height:inherit;width:inherit}::ng-deep .pepperi-quantity-selector-container .qs-error,::ng-deep .pep-quantity-selector-container .qs-error{display:block}::ng-deep .pepperi-quantity-selector-container.hide-qs-actions .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.hide-qs-actions .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.hide-qs-actions .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.hide-qs-actions .pep-button.qs-action{display:none}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value{height:1.25rem;top:calc(var(--pep-spacing-xs, .25rem) * -1);transform:unset!important;display:flex;align-self:flex-start;justify-content:flex-end}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value.prefix,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value.prefix{left:calc(var(--pep-spacing-sm, .5rem) * -1)!important}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value.suffix,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value.suffix{right:calc(var(--pep-spacing-sm, .5rem) * -1)!important}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content{z-index:97;min-width:1.5rem;width:-moz-fit-content!important;width:fit-content!important;border-radius:.625rem;padding:0 .5rem;top:calc(var(--pep-spacing-sm, .5rem) * -1)!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:inherit}::ng-deep .pepperi-quantity-selector-container.matrix-qs .disable,::ng-deep .pep-quantity-selector-container.matrix-qs .disable{min-width:.5rem;padding:0 .25rem}::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button:not(.qs-action),::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pep-button:not(.qs-action),::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .pepperi-button:not(.qs-action),::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .pep-button:not(.qs-action),::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button:not(.qs-action),::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pep-button:not(.qs-action),::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .pepperi-button:not(.qs-action),::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .pep-button:not(.qs-action){height:2rem;line-height:2rem}::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .pep-button.qs-action{min-width:1.5rem;line-height:1.5rem;width:1.5rem!important;height:1.5rem!important}::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .mat-form-field .mat-form-field-wrapper,::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .mat-form-field .mat-form-field-wrapper,::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .mat-form-field .mat-form-field-wrapper,::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .mat-form-field .mat-form-field-wrapper{margin-top:0!important}\n", "::ng-deep .pepperi-quantity-selector-container:not(.strong) .mat-form-field .mat-input-element,::ng-deep .pep-quantity-selector-container:not(.strong) .mat-form-field .mat-input-element{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}::ng-deep .pepperi-quantity-selector-container:not(.strong).zero-quantity .mat-form-field .mat-input-element,::ng-deep .pep-quantity-selector-container:not(.strong).zero-quantity .mat-form-field .mat-input-element{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}::ng-deep .pepperi-quantity-selector-container:not(.strong).zero-quantity button,::ng-deep .pep-quantity-selector-container:not(.strong).zero-quantity button{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field .mat-form-field-flex{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button,::ng-deep .pepperi-quantity-selector-container.weak .pep-button,::ng-deep .pep-quantity-selector-container.weak .pepperi-button,::ng-deep .pep-quantity-selector-container.weak .pep-button{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:hover,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.weak .pep-button:hover{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:focus,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.weak .pep-button:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pep-button:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pepperi-button:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pep-button:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:focus:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:focus:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:focus:after,::ng-deep .pep-quantity-selector-container.weak .pep-button:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:active,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:active,::ng-deep .pep-quantity-selector-container.weak .pep-button:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pep-button:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pepperi-button:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pep-button:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:active:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:active:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:active:after,::ng-deep .pep-quantity-selector-container.weak .pep-button:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:hover{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field .mat-form-field-flex{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:hover{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:focus:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:active,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:active:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:hover{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) + 30%))}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);position:relative}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:hover .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:hover .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) + 20%))}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);position:relative}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%)!important;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;position:relative}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.08)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button,::ng-deep .pepperi-quantity-selector-container.regular .pep-button,::ng-deep .pep-quantity-selector-container.regular .pepperi-button,::ng-deep .pep-quantity-selector-container.regular .pep-button{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) + 30%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:hover,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.regular .pep-button:hover{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) + 20%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:focus,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.regular .pep-button:focus{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:active,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:active,::ng-deep .pep-quantity-selector-container.regular .pep-button:active{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%)!important;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;border:1px solid hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.08)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:hover{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) + 30%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) + 20%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%)!important;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.08)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) + 30%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:hover{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) + 20%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:focus{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:active,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:active{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%)!important;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;border:1px solid hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.08)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:hover{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))!important;opacity:.5!important;color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button,::ng-deep .pepperi-quantity-selector-container.strong .pep-button,::ng-deep .pep-quantity-selector-container.strong .pepperi-button,::ng-deep .pep-quantity-selector-container.strong .pep-button{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pep-button .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pep-button .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:hover,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.strong .pep-button:hover{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:focus,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.strong .pep-button:focus{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:active,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:active,::ng-deep .pep-quantity-selector-container.strong .pep-button:active{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))!important;opacity:.5!important;color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:hover{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))!important;opacity:.5!important;color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:hover{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:focus{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:active,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:active{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))!important;opacity:.5!important;color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:hover{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i8.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i11.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "directive", type: i12.PepQuantitySelectorValidationDirective, selector: "[pepQsValidation]", inputs: ["allowDecimal"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.PepToNumberPipe, name: "pepToNumber" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], animations: [
+        trigger('showHide', [
+            state('show', style({
+                opacity: 1,
+                transform: 'scale(1)',
+            })),
+            state('hide', style({
+                opacity: 0,
+                transform: 'scale(0)',
+            })),
+            transition('show => hide', animate('250ms ease-out')),
+            transition('hide => show', animate('250ms ease-in')),
+        ]),
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepQuantitySelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-quantity-selector', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        trigger('showHide', [
+                            state('show', style({
+                                opacity: 1,
+                                transform: 'scale(1)',
+                            })),
+                            state('hide', style({
+                                opacity: 0,
+                                transform: 'scale(0)',
+                            })),
+                            transition('show => hide', animate('250ms ease-out')),
+                            transition('hide => show', animate('250ms ease-in')),
+                        ]),
+                    ], template: "<ng-container [formGroup]=\"form\">\n    <ng-template #pepTemplate>\n        <div #QSCont class=\"pep-quantity-selector-container {{ styleType }}\" [ngClass]=\"{\n                'hide-qs-actions' : layoutType === 'card' && rowSpan <= 1,\n                'pep-table-quantity-selector': layoutType === 'table',\n                'one-row': rowSpan === 1,\n                caution: isCaution,\n                'matrix-qs': type === 'qsForMatrix',\n                'zero-quantity': formattedValue === '0'\n            }\">\n            <pep-field-title *ngIf=\"renderTitle && layoutType !== 'table' && layoutType !== 'card'\" [label]=\"label\"\n                [mandatory]=\"mandatory\" [disabled]=\"disabled\" [showTitle]=\"showTitle\" [xAlignment]=\"xAlignment\">\n            </pep-field-title>\n\n            <ng-container *ngIf=\"type == 'qs'\">\n                <ng-container *ngIf=\"readonly; then readonlyBlock; else editableQSBlock\"></ng-container>\n                <ng-template #readonlyBlock>\n                    <button [id]=\"key\" mat-button class=\"pep-button {{ styleType }} disable \"\n                        [ngClass]=\"{caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1}\"\n                        title=\"{{ formattedValue }}\" disabled=\"true\">\n                        <span class=\"ellipsis\">\n                            {{ formattedValue }}\n                        </span>\n                    </button>\n                </ng-template>\n                <ng-template #editableQSBlock>\n                    <mat-form-field appearance=\"outline\">\n                        <input pepQsValidation [allowDecimal]=\"allowDecimal\" type=\"decimalNumber\" inputmode=\"decimal\"\n                            matInput #QSInput name=\"{{ key }}\" class=\"body-lg ellipsis\" title=\"{{ formattedValue }}\"\n                            autocomplete=\"off\" [id]=\"key\" [formControlName]=\"key\" [value]=\"displayValue$ | async\"\n                            (click)=\"$event.target.setSelectionRange(0, 999)\" (keydown)=\"onKeydown($event)\"\n                            (blur)=\"onBlur($event)\" (focus)=\"onFocus($event)\" />\n                        <button *ngIf=\"showQsBtn\" mat-button matPrefix (click)=\"decrement($event)\"\n                            class=\"pep-button icon-button sm weak qs-action\" [disabled]=\"disabled\" [ngClass]=\"{ disable: disabled, caution: isCaution && styleType !== 'strong',\n                                'keep-background-on-focus': styleType === 'strong'}\">\n                            <mat-icon>\n                                <pep-icon name=\"number_minus\">\n                                </pep-icon>\n                            </mat-icon>\n                        </button>\n                        <button *ngIf=\"showQsBtn\" mat-button matSuffix (click)=\"increment($event)\"\n                            class=\"pep-button icon-button sm weak qs-action\" [disabled]=\"disabled\" [ngClass]=\"{ disable: disabled, caution: isCaution && styleType !== 'strong',\n                                'keep-background-on-focus': styleType === 'strong'}\">\n                            <mat-icon>\n                                <pep-icon name=\"number_plus\">\n                                </pep-icon>\n                            </mat-icon>\n                        </button>\n                        <mat-error *ngIf=\"messages?.length > 0\">\n                            <span class=\"qs-error body-xs\" *ngFor=\"let msg of messages\"> {{ msg.Key | translate }} :\n                                {{ msg.Value }} </span>\n                        </mat-error>\n                    </mat-form-field>\n                </ng-template>\n            </ng-container>\n\n            <ng-container *ngIf=\"type == 'qsForMatrix'\">\n                <ng-container *ngIf=\"readonly; then readonlyBlock; else editableQSBlock\"></ng-container>\n                <ng-template #readonlyBlock>\n                    <button [id]=\"key\" mat-button class=\"pep-button {{ styleType }} disable\" disabled=\"true\"\n                        [ngClass]=\"{caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1}\">\n                        X\n                    </button>\n                </ng-template>\n                <ng-template #editableQSBlock>\n                    <span *ngIf=\" xAlignment=='right'\" class=\" body-sm additional-value prefix\"\n                        matBadge=\"{{ additionalValue }}\" matBadgePosition=\"before\"\n                        matBadgeSize=\"rowSpan === 1 ? small : medium\" [@showHide]=\"getAdditionalValue\"></span>\n\n                    <mat-form-field appearance=\"outline\" (mouseleave)=\"!isInFocus ? onMatrixMouseleave($event) : null\">\n                        <input pepQsValidation [allowDecimal]=\"allowDecimal\" type=\"decimalNumber\" inputmode=\"decimal\"\n                            matInput #QSInput name=\"{{ key }}\" title=\"{{ formattedValue }}\" class=\"body-sm ellipsis\"\n                            autocomplete=\"off\" [id]=\"key\" [formControlName]=\"key\" [value]=\"displayValue$ | async\"\n                            (click)=\"onMatrixClick($event); $event.target.setSelectionRange(0, 999)\"\n                            (keydown)=\"onKeydown($event)\" (blur)=\"onMatrixBlur($event)\"\n                            (focus)=\"onMatrixMouseEnter($event); onFocus($event)\"\n                            (mouseenter)=\"onMatrixMouseEnter($event)\" />\n\n                        <mat-error *ngIf=\"messages?.length > 0\">\n                            <span class=\"qs-error body-xs\" *ngFor=\"let msg of messages\"> {{ msg.Key | translate }} :\n                                {{ msg.Value }} </span>\n                        </mat-error>\n                    </mat-form-field>\n\n                    <span *ngIf=\"xAlignment != 'right'\" class=\"body-sm additional-value suffix\"\n                        matBadge=\"{{ additionalValue }}\" matBadgePosition=\"before\"\n                        matBadgeSize=\"rowSpan === 1 ? small : medium\" [@showHide]=\"getAdditionalValue\"></span>\n                </ng-template>\n            </ng-container>\n\n            <ng-container *ngIf=\"type == 'button'\">\n                <ng-container *ngIf=\"(value | pepToNumber) == 0; then regularBlock; else withBadgeBlock\">\n                </ng-container>\n                <ng-template #regularBlock>\n                    <button mat-button [disabled]=\"disabled\" class=\"pep-button {{ styleType }} \" [id]=\"key\"\n                        name=\"{{ key }}\"\n                        [ngClass]=\"{ disable: disabled, caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1}\"\n                        [title]=\"'QS.ORDER' | translate\" (click)=\"enterChildren($event)\">\n                        <span class=\"ellipsis\">\n                            {{ 'QS.ORDER' | translate }}\n                        </span>\n                    </button>\n                </ng-template>\n                <ng-template #withBadgeBlock>\n                    <button mat-button matBadge=\"{{ formattedValue }}\"\n                        matBadgePosition=\"{{xAlignment == 'right' ? 'before' : 'after'}}\"\n                        [matBadgeSize]=\"layoutType === 'card' && rowSpan === 1 ? 'small' : 'medium'\"\n                        class=\"pep-button {{ styleType }} \" [id]=\"key\" name=\"{{ key }}\" [ngClass]=\"{ disable: disabled, caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1,\n                            'right-alignment': xAlignment == 'right', 'left-alignment': xAlignment != 'right'}\"\n                        [title]=\"'QS.ORDER' | translate\" (click)=\"enterChildren($event)\" [disabled]=\"disabled\">\n                        <span class=\"ellipsis\">\n                            {{ 'QS.ORDER' | translate }}\n                        </span>\n                    </button>\n                </ng-template>\n            </ng-container>\n            <ng-container *ngIf=\"type == 'packageButton'\">\n                <button mat-button class=\"pep-button {{ styleType }} \" [id]=\"key\" name=\"{{ key }}\"\n                    [ngClass]=\"{ disable: disabled, caution: isCaution, md: rowSpan !== 1, xs: rowSpan === 1}\"\n                    [title]=\"'QS.ORDER' | translate\" (click)=\"enterPackage($event)\" [disabled]=\"disabled\">\n                    <span class=\"ellipsis\">\n                        {{ 'QS.ORDER' | translate }} &#40;{{ formattedValue }}&#41;\n                    </span>\n                </button>\n            </ng-container>\n        </div>\n    </ng-template>\n\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n</ng-container>", styles: [":host{height:inherit;display:grid}::ng-deep .pepperi-quantity-selector-container,::ng-deep .pep-quantity-selector-container{display:flex;flex-flow:wrap;align-items:center;min-width:2rem;width:100%;height:inherit}::ng-deep .pepperi-quantity-selector-container input::-webkit-outer-spin-button,::ng-deep .pepperi-quantity-selector-container input::-webkit-inner-spin-button,::ng-deep .pep-quantity-selector-container input::-webkit-outer-spin-button,::ng-deep .pep-quantity-selector-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::ng-deep .pepperi-quantity-selector-container input[type=number],::ng-deep .pep-quantity-selector-container input[type=number]{-moz-appearance:textfield}::ng-deep .pepperi-quantity-selector-container .mat-input-element,::ng-deep .pep-quantity-selector-container .mat-input-element{padding:0 .25rem;text-align:center;font-weight:var(--pep-font-weight-bold, 600);width:100%}::ng-deep .pepperi-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper,::ng-deep .pep-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper{height:unset}::ng-deep .pepperi-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-flex,::ng-deep .pep-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-flex{padding:0 .25rem!important}::ng-deep .pepperi-quantity-selector-container .pepperi-button,::ng-deep .pepperi-quantity-selector-container .pep-button,::ng-deep .pep-quantity-selector-container .pepperi-button,::ng-deep .pep-quantity-selector-container .pep-button{width:100%}::ng-deep .pepperi-quantity-selector-container .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container .pep-button.qs-action,::ng-deep .pep-quantity-selector-container .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container .pep-button.qs-action{min-width:2rem;line-height:2rem;width:2rem!important;height:2rem!important}::ng-deep .pepperi-quantity-selector-container .pepperi-button.qs-action .mat-icon,::ng-deep .pepperi-quantity-selector-container .pep-button.qs-action .mat-icon,::ng-deep .pep-quantity-selector-container .pepperi-button.qs-action .mat-icon,::ng-deep .pep-quantity-selector-container .pep-button.qs-action .mat-icon{height:inherit;width:inherit}::ng-deep .pepperi-quantity-selector-container .qs-error,::ng-deep .pep-quantity-selector-container .qs-error{display:block}::ng-deep .pepperi-quantity-selector-container.hide-qs-actions .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.hide-qs-actions .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.hide-qs-actions .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.hide-qs-actions .pep-button.qs-action{display:none}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value{height:1.25rem;top:calc(var(--pep-spacing-xs, .25rem) * -1);transform:unset!important;display:flex;align-self:flex-start;justify-content:flex-end}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value.prefix,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value.prefix{left:calc(var(--pep-spacing-sm, .5rem) * -1)!important}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value.suffix,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value.suffix{right:calc(var(--pep-spacing-sm, .5rem) * -1)!important}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content{z-index:97;min-width:1.5rem;width:-moz-fit-content!important;width:fit-content!important;border-radius:.625rem;padding:0 .5rem;top:calc(var(--pep-spacing-sm, .5rem) * -1)!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:inherit}::ng-deep .pepperi-quantity-selector-container.matrix-qs .disable,::ng-deep .pep-quantity-selector-container.matrix-qs .disable{min-width:.5rem;padding:0 .25rem}::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button:not(.qs-action),::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pep-button:not(.qs-action),::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .pepperi-button:not(.qs-action),::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .pep-button:not(.qs-action),::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button:not(.qs-action),::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pep-button:not(.qs-action),::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .pepperi-button:not(.qs-action),::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .pep-button:not(.qs-action){height:2rem;line-height:2rem}::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .pep-button.qs-action{min-width:1.5rem;line-height:1.5rem;width:1.5rem!important;height:1.5rem!important}::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .mat-form-field .mat-form-field-wrapper,::ng-deep .pepperi-quantity-selector-container.pep-table-quantity-selector .mat-form-field .mat-form-field-wrapper,::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .mat-form-field .mat-form-field-wrapper,::ng-deep .pep-quantity-selector-container.pep-table-quantity-selector .mat-form-field .mat-form-field-wrapper{margin-top:0!important}\n", "::ng-deep .pepperi-quantity-selector-container:not(.strong) .mat-form-field .mat-input-element,::ng-deep .pep-quantity-selector-container:not(.strong) .mat-form-field .mat-input-element{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}::ng-deep .pepperi-quantity-selector-container:not(.strong).zero-quantity .mat-form-field .mat-input-element,::ng-deep .pep-quantity-selector-container:not(.strong).zero-quantity .mat-form-field .mat-input-element{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}::ng-deep .pepperi-quantity-selector-container:not(.strong).zero-quantity button,::ng-deep .pep-quantity-selector-container:not(.strong).zero-quantity button{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field .mat-form-field-flex{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button,::ng-deep .pepperi-quantity-selector-container.weak .pep-button,::ng-deep .pep-quantity-selector-container.weak .pepperi-button,::ng-deep .pep-quantity-selector-container.weak .pep-button{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:hover,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.weak .pep-button:hover{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:focus,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.weak .pep-button:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pep-button:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pepperi-button:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pep-button:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:focus:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:focus:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:focus:after,::ng-deep .pep-quantity-selector-container.weak .pep-button:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:active,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:active,::ng-deep .pep-quantity-selector-container.weak .pep-button:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pep-button:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pepperi-button:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pep-button:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:active:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:active:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:active:after,::ng-deep .pep-quantity-selector-container.weak .pep-button:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:hover{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field .mat-form-field-flex{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:hover{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:focus:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:active,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:active:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:hover{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) + 30%))}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);position:relative}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:hover .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:hover .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) + 20%))}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);position:relative}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%)!important;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;position:relative}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.08)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button,::ng-deep .pepperi-quantity-selector-container.regular .pep-button,::ng-deep .pep-quantity-selector-container.regular .pepperi-button,::ng-deep .pep-quantity-selector-container.regular .pep-button{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) + 30%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:hover,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.regular .pep-button:hover{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) + 20%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:focus,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.regular .pep-button:focus{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:active,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:active,::ng-deep .pep-quantity-selector-container.regular .pep-button:active{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),88%)!important;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;border:1px solid hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.08)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:hover{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) + 30%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) + 20%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%)!important;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.08)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) + 30%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:hover{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) + 20%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:focus{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:active,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:active{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),88%)!important;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;border:1px solid hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.08)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:hover{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))!important;opacity:.5!important;color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button,::ng-deep .pepperi-quantity-selector-container.strong .pep-button,::ng-deep .pep-quantity-selector-container.strong .pepperi-button,::ng-deep .pep-quantity-selector-container.strong .pep-button{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pep-button .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pep-button .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:hover,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.strong .pep-button:hover{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:focus,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.strong .pep-button:focus{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:active,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:active,::ng-deep .pep-quantity-selector-container.strong .pep-button:active{background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;background:hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))!important;opacity:.5!important;color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:hover{background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%))}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-qs-h, 0),var(--pep-color-qs-s, 0%),var(--pep-color-qs-l, 10%),.04)!important}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field:hover .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field:hover:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-focused .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.active:not(.mat-form-field-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field:active .ignore-disabled .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field:active:not(.mat-form-field-disabled) .mat-form-field-flex{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))!important;opacity:.5!important;color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:hover{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:focus{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:active,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:active{background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),calc(var(--pep-color-system-caution-l, 45%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;background:hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))!important;opacity:.5!important;color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.12);box-shadow:unset;border:unset;z-index:1}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:hover{background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.16)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:after,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:after,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%))}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-system-caution-h, 360),var(--pep-color-system-caution-s, 100%),var(--pep-color-system-caution-l, 45%),.04)!important}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.PepCustomizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i2.TranslateService }, { type: i1.PepUtilitiesService }]; }, propDecorators: { key: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], minFractionDigits: [{
+                type: Input
+            }], maxFractionDigits: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], mandatory: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], xAlignment: [{
+                type: Input
+            }], rowSpan: [{
+                type: Input
+            }], allowDecimal: [{
+                type: Input
+            }], additionalValue: [{
+                type: Input
+            }], notificationInfo: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], showTitle: [{
+                type: Input
+            }], renderTitle: [{
+                type: Input
+            }], layoutType: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], styleType: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], elementClick: [{
+                type: Output
+            }], QSCont: [{
+                type: ViewChild,
+                args: ['QSCont']
+            }], QSInput: [{
+                type: ViewChild,
+                args: ['QSInput']
+            }], isInFocus: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVhbnRpdHktc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9xdWFudGl0eS1zZWxlY3Rvci9xdWFudGl0eS1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3F1YW50aXR5LXNlbGVjdG9yL3F1YW50aXR5LXNlbGVjdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBSVQsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osU0FBUyxFQUdULHVCQUF1QixHQUcxQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0gsT0FBTyxFQUNQLEtBQUssRUFDTCxLQUFLLEVBQ0wsT0FBTyxFQUNQLFVBQVUsR0FDYixNQUFNLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sRUFHSCx1QkFBdUIsRUFFdkIsNEJBQTRCLEVBRzVCLHdCQUF3QixHQUUzQixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxlQUFlLEVBQXlCLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2RSxPQUFPLEVBQWdCLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7Ozs7OztBQTZCL0UsTUFBTSxPQUFPLDRCQUE0QjtJQTBPckMsWUFDWSxFQUFxQixFQUNyQixvQkFBNkMsRUFDN0MsUUFBbUIsRUFDbkIsT0FBbUIsRUFDbkIsU0FBMkIsRUFDM0IsZ0JBQXFDO1FBTHJDLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBQ3JCLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBeUI7UUFDN0MsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQ25CLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBQzNCLHFCQUFnQixHQUFoQixnQkFB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QkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBTU4sV0FBVztzQkFEVixNQUFNO2dCQUlQLFlBQVk7c0JBRFgsTUFBTTtnQkFHYyxNQUFNO3NCQUExQixTQUFTO3VCQUFDLFFBQVE7Z0JBQ0csT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTO2dCQWVoQixTQUFTO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBPbkluaXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uRGVzdHJveSxcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIFZpZXdDaGlsZCxcbiAgICBFbGVtZW50UmVmLFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIFJlbmRlcmVyMixcbiAgICBBZnRlclZpZXdJbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gICAgdHJpZ2dlcixcbiAgICBzdGF0ZSxcbiAgICBzdHlsZSxcbiAgICBhbmltYXRlLFxuICAgIHRyYW5zaXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgICBQZXBMYXlvdXRUeXBlLFxuICAgIFBlcFN0eWxlVHlwZSxcbiAgICBQZXBDdXN0b21pemF0aW9uU2VydmljZSxcbiAgICBQZXBIb3Jpem9udGFsQWxpZ25tZW50LFxuICAgIERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQsXG4gICAgSVBlcEZpZWxkQ2xpY2tFdmVudCxcbiAgICBQZXBRdWFudGl0eVNlbGVjdG9yRmllbGRUeXBlLFxuICAgIFBlcFF1YW50aXR5U2VsZWN0b3JGaWVsZCxcbiAgICBQZXBVdGlsaXRpZXNTZXJ2aWNlLFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGZyb21FdmVudCwgT2JzZXJ2YWJsZSwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1xdWFudGl0eS1zZWxlY3RvcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3F1YW50aXR5LXNlbGVjdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9xdWFudGl0eS1zZWxlY3Rvci5jb21wb25lbnQuc2NzcycsICcuL3F1YW50aXR5LXNlbGVjdG9yLmNvbXBvbmVudC50aGVtZS5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICB0cmlnZ2VyKCdzaG93SGlkZScsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdzaG93JyxcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDEpJyxcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdoaWRlJyxcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDApJyxcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ3Nob3cgPT4gaGlkZScsIGFuaW1hdGUoJzI1MG1zIGVhc2Utb3V0JykpLFxuICAgICAgICAgICAgdHJhbnNpdGlvbignaGlkZSA9PiBzaG93JywgYW5pbWF0ZSgnMjUwbXMgZWFzZS1pbicpKSxcbiAgICAgICAgXSksXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUGVwUXVhbnRpdHlTZWxlY3RvckNvbXBvbmVudFxuICAgIGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gICAgcHVibGljIHN0YXRpYyBFTlRFUl9DSElMRFJFTiA9ICdbRW50ZXJDaGlsZHJlbl0nO1xuICAgIHB1YmxpYyBzdGF0aWMgRU5URVJfUEFDS0FHRSA9ICdbRW50ZXJQYWNrYWdlXSc7XG4gICAgcHVibGljIHN0YXRpYyBQTFVTID0gJ1srXSc7XG4gICAgcHVibGljIHN0YXRpYyBNSU5VUyA9ICdbLV0nO1xuXG4gICAgQElucHV0KCkga2V5ID0gJyc7XG5cbiAgICBwcml2YXRlIF92YWx1ZSA9ICcnO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdmFsdWUgPSAnJztcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLl92YWx1ZSA9PT0gJycgfHwgdGhpcy5pc0RpZmZlcmVudFZhbHVlKHZhbHVlKSkge1xuICAgICAgICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEN1dCB0aGUgLjAwMCBpZiBleGlzdCBmb3Igbm9uIGFsbG93RGVjaW1hbC5cbiAgICAgICAgaWYgKCF0aGlzLmFsbG93RGVjaW1hbCkge1xuICAgICAgICAgICAgdGhpcy5fdmFsdWUgPSB0aGlzLl92YWx1ZT8uc3BsaXQoJy4nKVswXTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuc2V0Rm9ybWF0dGVkVmFsdWUodGhpcy52YWx1ZSk7XG4gICAgICAgIHRoaXMuY2hhbmdlRGlzcGxheVZhbHVlKCk7XG4gICAgfVxuICAgIGdldCB2YWx1ZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gICAgfVxuICAgIFxuICAgIGdldCB2YWx1ZUFzQ3VycmVudEN1bHR1cmUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudXRpbGl0aWVzU2VydmljZS5jaGFuZ2VEZWNpbWFsU2VwYXJhdG9yV2hlbkl0c0NvbW1hKHRoaXMudmFsdWUsIHRydWUpO1xuICAgICAgICAvLyBsZXQgcmVzID0gdGhpcy52YWx1ZTtcblxuICAgICAgICAvLyBpZiAodGhpcy5hbGxvd0RlY2ltYWwpIHtcbiAgICAgICAgLy8gICAgIHJlcyA9IHRoaXMudXRpbGl0aWVzU2VydmljZS5mb3JtYXREZWNpbWFsKHRoaXMudmFsdWUsIHRoaXMubWluRnJhY3Rpb25EaWdpdHMsIHRoaXMubWF4RnJhY3Rpb25EaWdpdHMsIGZhbHNlKTtcbiAgICAgICAgLy8gfVxuICAgICAgICBcbiAgICAgICAgLy8gcmV0dXJuIHJlcztcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZm9ybWF0dGVkVmFsdWUgPSAnJztcbiAgICAvLyBwcml2YXRlIF9mb3JtYXR0ZWRWYWx1ZSA9ICcnO1xuICAgIC8vIEBJbnB1dCgpXG4gICAgLy8gc2V0IGZvcm1hdHRlZFZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAvLyAgICAgLy8gaWYgKCF2YWx1ZSkge1xuICAgIC8vICAgICAvLyAgICAgdmFsdWUgPSAnJztcbiAgICAvLyAgICAgLy8gfVxuXG4gICAgLy8gICAgIC8vIGlmICh0aGlzLl9jYWxjdWxhdGVGb3JtYXR0ZWRWYWx1ZSkge1xuICAgIC8vICAgICAvLyAgICAgdGhpcy5fY2FsY3VsYXRlRm9ybWF0dGVkVmFsdWUgPSBmYWxzZTtcbiAgICAvLyAgICAgLy8gfVxuXG4gICAgLy8gICAgIC8vIHRoaXMuc2V0Rm9ybWF0dGVkVmFsdWUodmFsdWUpO1xuICAgIC8vIH1cbiAgICAvLyBnZXQgZm9ybWF0dGVkVmFsdWUoKTogc3RyaW5nIHtcbiAgICAvLyAgICAgcmV0dXJuIHRoaXMuX2Zvcm1hdHRlZFZhbHVlO1xuICAgIC8vIH1cbiAgICBcbiAgICBwcml2YXRlIF9taW5GcmFjdGlvbkRpZ2l0cyA9IE5hTjtcbiAgICBASW5wdXQoKVxuICAgIHNldCBtaW5GcmFjdGlvbkRpZ2l0cyh2YWx1ZTogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuX21pbkZyYWN0aW9uRGlnaXRzID0gdmFsdWU7XG4gICAgICAgIHRoaXMuc2V0Rm9ybWF0dGVkVmFsdWUodGhpcy52YWx1ZSk7XG4gICAgICAgIHRoaXMuY2hhbmdlRGlzcGxheVZhbHVlKCk7XG4gICAgfVxuICAgIGdldCBtaW5GcmFjdGlvbkRpZ2l0cygpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5fbWluRnJhY3Rpb25EaWdpdHM7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfbWF4RnJhY3Rpb25EaWdpdHMgPSBOYU47XG4gICAgQElucHV0KClcbiAgICBzZXQgbWF4RnJhY3Rpb25EaWdpdHModmFsdWU6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9tYXhGcmFjdGlvbkRpZ2l0cyA9IHZhbHVlO1xuICAgICAgICB0aGlzLnNldEZvcm1hdHRlZFZhbHVlKHRoaXMudmFsdWUpO1xuICAgICAgICB0aGlzLmNoYW5nZURpc3BsYXlWYWx1ZSgpO1xuICAgIH1cbiAgICBnZXQgbWF4RnJhY3Rpb25EaWdpdHMoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX21heEZyYWN0aW9uRGlnaXRzO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gICAgQElucHV0KCkgdHlwZTogUGVwUXVhbnRpdHlTZWxlY3RvckZpZWxkVHlwZSA9ICdxcyc7XG4gICAgQElucHV0KCkgbWFuZGF0b3J5ID0gZmFsc2U7XG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSByZWFkb25seSA9IGZhbHNlO1xuXG4gICAgcHJpdmF0ZSBfdGV4dENvbG9yID0gJyc7XG4gICAgQElucHV0KClcbiAgICBzZXQgdGV4dENvbG9yKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5fdGV4dENvbG9yID0gdmFsdWU7XG4gICAgICAgIHRoaXMuaXNDYXV0aW9uID0gdmFsdWUgPT09ICcjRkYwMDAwJztcbiAgICB9XG4gICAgZ2V0IHRleHRDb2xvcigpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fdGV4dENvbG9yO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHhBbGlnbm1lbnQ6IFBlcEhvcml6b250YWxBbGlnbm1lbnQgPSBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5UO1xuICAgIEBJbnB1dCgpIHJvd1NwYW4gPSAxO1xuICAgIFxuICAgIHByaXZhdGUgX2FsbG93RGVjaW1hbCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIFxuICAgIHNldCBhbGxvd0RlY2ltYWwodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5fYWxsb3dEZWNpbWFsID0gdmFsdWU7XG5cbiAgICAgICAgaWYgKHRoaXMudmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuc2V0Rm9ybWF0dGVkVmFsdWUodGhpcy52YWx1ZSk7XG4gICAgICAgICAgICB0aGlzLmNoYW5nZURpc3BsYXlWYWx1ZSgpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCBhbGxvd0RlY2ltYWwoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9hbGxvd0RlY2ltYWw7XG4gICAgfVxuXG4gICAgQElucHV0KCkgYWRkaXRpb25hbFZhbHVlID0gJyc7XG5cbiAgICBwcml2YXRlIF9ub3RpZmljYXRpb25JbmZvOiBhbnk7XG4gICAgQElucHV0KClcbiAgICBzZXQgbm90aWZpY2F0aW9uSW5mbyh2YWx1ZTogYW55KSB7XG4gICAgICAgIHRoaXMuX25vdGlmaWNhdGlvbkluZm8gPSB2YWx1ZTtcblxuICAgICAgICBjb25zdCBtZXNzYWdlcyA9IHZhbHVlICYmIHZhbHVlID4gMCA/IEpTT04ucGFyc2UodmFsdWUpLk1lc3NhZ2VzIDogJyc7XG4gICAgICAgIGlmIChtZXNzYWdlcyAmJiBtZXNzYWdlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAvLyBSZXBsYWNlIHRoZSBtc2cga2V5cy5cbiAgICAgICAgICAgIGZvciAoY29uc3QgbXNnIG9mIG1lc3NhZ2VzKSB7XG4gICAgICAgICAgICAgICAgaWYgKG1zZy5LZXkgPT09ICdJbnZlbnRvcnlfTGltaXRfTXNnJykge1xuICAgICAgICAgICAgICAgICAgICBtc2cuS2V5ID0gJ01FU1NBR0VTLkVSUk9SX0lOVkVOVE9SWV9MSU1JVCc7XG4gICAgICAgICAgICAgICAgfSBlbHNlIGlmIChtc2cuS2V5ID09PSAnQ2FzZV9RdWFudGl0eV9MaW1pdF9Nc2cnKSB7XG4gICAgICAgICAgICAgICAgICAgIG1zZy5LZXkgPSAnTUVTU0FHRVMuRVJST1JfQ0FTRV9RVUFOVElUWV9MSU1JVCc7XG4gICAgICAgICAgICAgICAgfSBlbHNlIGlmIChtc2cuS2V5ID09PSAnTWluX1F1YW50aXR5X0xpbWl0X01zZycpIHtcbiAgICAgICAgICAgICAgICAgICAgbXNnLktleSA9ICdNRVNTQUdFUy5FUlJPUl9NSU5fUVVBTlRJVFlfTElNSVQnO1xuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAobXNnLktleSA9PT0gJ01heF9RdWFudGl0eV9MaW1pdF9Nc2cnKSB7XG4gICAgICAgICAgICAgICAgICAgIG1zZy5LZXkgPSAnTUVTU0FHRVMuRVJST1JfTUFYX1FVQU5USVRZX0xJTUlUJztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHRoaXMubWVzc2FnZXMgPSBtZXNzYWdlcztcblxuICAgICAgICAgICAgY29uc3QgZmllbGRDb250cm9sID0gdGhpcy5mb3JtLmNvbnRyb2xzW3RoaXMua2V5XTtcbiAgICAgICAgICAgIGZpZWxkQ29udHJvbC5zZXRFcnJvcnMoe1xuICAgICAgICAgICAgICAgIHNlcnZlckVycm9yOiAnRXJyb3InLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHRoaXMuc2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvdyA9IG51bGw7XG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5RU0lucHV0ICYmIHRoaXMuUVNJbnB1dC5uYXRpdmVFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuUVNJbnB1dC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSwgMTUwKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgbm90aWZpY2F0aW9uSW5mbygpOiBhbnkge1xuICAgICAgICByZXR1cm4gdGhpcy5fbm90aWZpY2F0aW9uSW5mbztcbiAgICB9XG5cbiAgICBwcml2YXRlIF92aXNpYmxlID0gdHJ1ZTtcbiAgICBASW5wdXQoKVxuICAgIHNldCB2aXNpYmxlKHZpc2libGU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5fdmlzaWJsZSA9IHZpc2libGU7XG4gICAgICAgIGlmICh2aXNpYmxlKSB7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKFxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgICAgICdoaWRkZW4tZWxlbWVudCdcbiAgICAgICAgICAgICk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKFxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgICAgICdoaWRkZW4tZWxlbWVudCdcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IHZpc2libGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl92aXNpYmxlO1xuICAgIH1cblxuICAgIGNvbnRyb2xUeXBlID0gJ3FzJztcblxuICAgIEBJbnB1dCgpIGZvcm06IEZvcm1Hcm91cCA9IG51bGw7XG4gICAgQElucHV0KCkgc2hvd1RpdGxlID0gdHJ1ZTtcbiAgICBASW5wdXQoKSByZW5kZXJUaXRsZSA9IHRydWU7XG4gICAgQElucHV0KCkgbGF5b3V0VHlwZTogUGVwTGF5b3V0VHlwZSA9ICdmb3JtJztcbiAgICBASW5wdXQoKSBpc0FjdGl2ZSA9IGZhbHNlO1xuXG4gICAgLy8gR2V0IGRlZmF1bHQgc3R5bGUgZnJvbSB0aGVtZS5cbiAgICBASW5wdXQoKVxuICAgIHN0eWxlVHlwZTogUGVwU3R5bGVUeXBlID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnN0eWxlLmdldFByb3BlcnR5VmFsdWUoXG4gICAgICAgIFBlcEN1c3RvbWl6YXRpb25TZXJ2aWNlLlNUWUxFX1FTX0tFWVxuICAgICkgYXMgUGVwU3R5bGVUeXBlOyAvLydzdHJvbmcnO1xuXG4gICAgQE91dHB1dCgpXG4gICAgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBAT3V0cHV0KClcbiAgICBlbGVtZW50Q2xpY2s6IEV2ZW50RW1pdHRlcjxJUGVwRmllbGRDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcEZpZWxkQ2xpY2tFdmVudD4oKTtcblxuICAgIEBWaWV3Q2hpbGQoJ1FTQ29udCcpIFFTQ29udDogRWxlbWVudFJlZjtcbiAgICBAVmlld0NoaWxkKCdRU0lucHV0JykgUVNJbnB1dDogRWxlbWVudFJlZjtcblxuICAgIHByaXZhdGUgX2NhbGN1bGF0ZUZvcm1hdHRlZFZhbHVlID0gdHJ1ZTtcbiAgICBnZXQgY2FsY3VsYXRlRm9ybWF0dGVkVmFsdWUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jYWxjdWxhdGVGb3JtYXR0ZWRWYWx1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHJlYWRvbmx5IF9kZXN0cm95ZWQ6IFN1YmplY3Q8dm9pZD47XG4gICAgcHJpdmF0ZSBxc1dpZHRoU3ViamVjdDogQmVoYXZpb3JTdWJqZWN0PG51bWJlcj47XG4gICAgbGFzdFFzQ29udENsaWVudFdpZHRoID0gMDtcbiAgICBzaG93UXNCdG4gPSB0cnVlO1xuXG4gICAgc3RhbmRBbG9uZSA9IGZhbHNlO1xuICAgIHByaXZhdGUgX2lzSW5Gb2N1cyA9IGZhbHNlO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IGlzSW5Gb2N1cyhpc0luRm9jdXM6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5faXNJbkZvY3VzID0gaXNJbkZvY3VzO1xuICAgICAgICB0aGlzLmNoYW5nZURpc3BsYXlWYWx1ZSgpO1xuICAgIH1cbiAgICBnZXQgaXNJbkZvY3VzKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNJbkZvY3VzO1xuICAgIH1cbiAgICBpc01hdHJpeEZvY3VzID0gZmFsc2U7XG5cbiAgICBpc0NhdXRpb24gPSBmYWxzZTtcbiAgICBtZXNzYWdlczogQXJyYXk8YW55PiA9IG51bGw7XG5cbiAgICBzYW1lRWxlbWVudEluVGhlV2FudGVkUm93ID0gbnVsbDtcblxuICAgIGlzRW1wdHlLZXkgPSBmYWxzZTtcblxuICAgIHByaXZhdGUgX2Rpc3BsYXlWYWx1ZVN1YmplY3Q6IEJlaGF2aW9yU3ViamVjdDxzdHJpbmc+ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxzdHJpbmc+KCcnKTtcbiAgICBnZXQgZGlzcGxheVZhbHVlJCgpOiBPYnNlcnZhYmxlPHN0cmluZz4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGlzcGxheVZhbHVlU3ViamVjdC5hc09ic2VydmFibGUoKS5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgICAgcHJpdmF0ZSBjdXN0b21pemF0aW9uU2VydmljZTogUGVwQ3VzdG9taXphdGlvblNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgcHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSB1dGlsaXRpZXNTZXJ2aWNlOiBQZXBVdGlsaXRpZXNTZXJ2aWNlXG4gICAgKSB7XG4gICAgICAgIHRoaXMuX2Rlc3Ryb3llZCA9IG5ldyBTdWJqZWN0KCk7XG4gICAgICAgIC8vIHRoaXMucXNXaWR0aFN1YmplY3QgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KDApO1xuICAgIH1cblxuICAgIHNldEZvcm0oKSB7XG4gICAgICAgIGNvbnN0IHBlcEZpZWxkID0gbmV3IFBlcFF1YW50aXR5U2VsZWN0b3JGaWVsZCh7XG4gICAgICAgICAgICBrZXk6IHRoaXMua2V5LFxuICAgICAgICAgICAgdmFsdWU6IHRoaXMudmFsdWVBc0N1cnJlbnRDdWx0dXJlLFxuICAgICAgICAgICAgbWFuZGF0b3J5OiB0aGlzLm1hbmRhdG9yeSxcbiAgICAgICAgICAgIHJlYWRvbmx5OiB0aGlzLnJlYWRvbmx5LFxuICAgICAgICAgICAgZGlzYWJsZWQ6IHRoaXMuZGlzYWJsZWQsXG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmZvcm0gPSB0aGlzLmN1c3RvbWl6YXRpb25TZXJ2aWNlLmdldERlZmF1bHRGcm9tR3JvdXAocGVwRmllbGQpO1xuICAgIH1cblxuICAgIHByaXZhdGUgc2V0Rm9ybWF0dGVkVmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgICAgICBpZiAodGhpcy5fY2FsY3VsYXRlRm9ybWF0dGVkVmFsdWUpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmFsbG93RGVjaW1hbCkge1xuICAgICAgICAgICAgICAgIHRoaXMuZm9ybWF0dGVkVmFsdWUgPSB0aGlzLnV0aWxpdGllc1NlcnZpY2UuZm9ybWF0RGVjaW1hbCh2YWx1ZSwgdGhpcy5taW5GcmFjdGlvbkRpZ2l0cywgdGhpcy5tYXhGcmFjdGlvbkRpZ2l0cyk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuZm9ybWF0dGVkVmFsdWUgPSB0aGlzLnV0aWxpdGllc1NlcnZpY2UuZm9ybWF0TnVtYmVyKHZhbHVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuZm9ybWF0dGVkVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgICAgICBcbiAgICAgICAgdGhpcy51cGRhdGVGb3JtRmllbGRWYWx1ZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgbm90aWZ5RGlzcGxheVZhbHVlQ2hhbmdlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5fZGlzcGxheVZhbHVlU3ViamVjdC5uZXh0KHZhbHVlKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNoYW5nZURpc3BsYXlWYWx1ZSgpOiB2b2lkIHtcbiAgICAgICAgbGV0IHJlcyA9ICcnO1xuXG4gICAgICAgIGlmICh0aGlzLmFsbG93RGVjaW1hbCkge1xuICAgICAgICAgICAgcmVzID0gdGhpcy5pc0luRm9jdXMgPyB0aGlzLnZhbHVlQXNDdXJyZW50Q3VsdHVyZSA6IHRoaXMuZm9ybWF0dGVkVmFsdWU7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXMgPSB0aGlzLmlzSW5Gb2N1cyA/IHRoaXMudmFsdWUgOiB0aGlzLmZvcm1hdHRlZFZhbHVlO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5ub3RpZnlEaXNwbGF5VmFsdWVDaGFuZ2UocmVzKTtcbiAgICAgICAgLy8gY29uc29sZS5sb2coJ2NoYW5nZURpc3BsYXlWYWx1ZScgKyByZXMpO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlRm9ybUZpZWxkVmFsdWUoZmlyc3RMb2FkID0gZmFsc2UpIHtcbiAgICAgICAgLy8gU2V0IHRoZSBmb3JtYXR0ZWQgdmFsdWUgb25seSBmb3IgdGhlIGZpcnN0IGxvYWQgY2F1c2UgaXQncyBub3QgZm9ybWF0dGVkIGlmIHdlIHNldCB0aGUgdmFsdWUgKEkgZG9uJ3Qga25vdyB3aHkpXG4gICAgICAgIC8vIEVsc2Ugd2Ugc2V0IHRoZSB2YWx1ZSAtIHRoaXMgaXMgaW1wb3J0YW50IHRvIHNldCB0aGUgdmFsdWUgb25seSBjYXVzZSBzZXR0aW5nIHRoZSBmb3JtYXR0ZWQgdmFsdWUgd2lsbCBjYXVzZSBidWcgd2hlbiB0aGUgbnVtYmVyIGlzIHdpdGggdGhvdXNhbmQgc2VwYXJhdG9yXG4gICAgICAgIHRoaXMuY3VzdG9taXphdGlvblNlcnZpY2UudXBkYXRlRm9ybUZpZWxkVmFsdWUoXG4gICAgICAgICAgICB0aGlzLmZvcm0sXG4gICAgICAgICAgICB0aGlzLmtleSxcbiAgICAgICAgICAgIGZpcnN0TG9hZCA/IHRoaXMuZm9ybWF0dGVkVmFsdWUgOiB0aGlzLnZhbHVlLFxuICAgICAgICApO1xuICAgIH1cblxuICAgIC8vIGdldCBkaXNwbGF5VmFsdWUoKTogc3RyaW5nIHtcbiAgICAvLyAgICAgY29uc3QgcmVzID0gdGhpcy5pc0luRm9jdXNcbiAgICAvLyAgICAgICAgID8gdGhpcy51dGlsaXRpZXNTZXJ2aWNlLmZvcm1hdERlY2ltYWwodGhpcy52YWx1ZSwgdGhpcy5taW5GcmFjdGlvbkRpZ2l0cywgdGhpcy5tYXhGcmFjdGlvbkRpZ2l0cylcbiAgICAvLyAgICAgICAgIDogdGhpcy5mb3JtYXR0ZWRWYWx1ZTtcbiAgICAvLyAgICAgcmV0dXJuIHJlcztcbiAgICAvLyB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0RGVzdHJveWVyKCkge1xuICAgICAgICByZXR1cm4gdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3llZCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmZvcm0gPT09IG51bGwpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmtleSA9PT0gJycpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzRW1wdHlLZXkgPSB0cnVlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aGlzLnN0YW5kQWxvbmUgPSB0cnVlO1xuICAgICAgICAgICAgdGhpcy5zZXRGb3JtKCk7XG5cbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgUGVwQ3VzdG9taXphdGlvblNlcnZpY2UuU1RBTkRfQUxPTkVfRklFTERfQ0xBU1NfTkFNRVxuICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgaWYgKCF0aGlzLnJlbmRlclRpdGxlKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgICAgIFBlcEN1c3RvbWl6YXRpb25TZXJ2aWNlLlNUQU5EX0FMT05FX0ZJRUxEX05PX1NQQUNJTkdfQ0xBU1NfTkFNRVxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAvLyB0aGlzLnFzV2lkdGhTdWJqZWN0XG4gICAgICAgIC8vICAgICAuYXNPYnNlcnZhYmxlKClcbiAgICAgICAgLy8gICAgIC5waXBlKHRoaXMuZ2V0RGVzdHJveWVyKCksIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpXG4gICAgICAgIC8vICAgICAuc3Vic2NyaWJlKChxc1dpZHRoOiBudW1iZXIpID0+IHtcbiAgICAgICAgLy8gICAgICAgICB0aGlzLnNldHVwUXNCdXR0b25zKHFzV2lkdGgpO1xuICAgICAgICAvLyAgICAgfSk7XG5cbiAgICAgICAgdGhpcy51cGRhdGVGb3JtRmllbGRWYWx1ZSh0cnVlKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgLy8gZGVidWdnZXI7XG4gICAgICAgICAgICBpZiAodGhpcy5RU0NvbnQgJiZcbiAgICAgICAgICAgICAgICB0aGlzLlFTQ29udC5uYXRpdmVFbGVtZW50ICYmXG4gICAgICAgICAgICAgICAgdGhpcy5RU0NvbnQubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCA+IDBcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgIHRoaXMuc2hvd1FzQnRuID0gdGhpcy5RU0NvbnQubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCA+IDEyMDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgaWYgKCF0aGlzLmNkWydkZXN0cm95ZWQnXSkge1xuICAgICAgICAgICAgICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LCAwKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0NoZWNrZWQoKTogdm9pZCB7XG4gICAgICAgIC8vIHRoaXMuc2V0UXNWaWV3KCk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogYW55KTogdm9pZCB7XG4gICAgICAgIC8vIEJ1ZyBmaXggZm9yIGFkZG9ucyB3aGVuIHRoZSBrZXkgaXMgJycgaW4gdGhlIG5nT25Jbml0IGZvciBzb21lIHJlc29uXG4gICAgICAgIGlmICh0aGlzLmlzRW1wdHlLZXkgJiYgdGhpcy5rZXkgIT09ICcnKSB7XG4gICAgICAgICAgICB0aGlzLnNldEZvcm0oKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5mb2N1c1RvVGhlU2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvdygpO1xuICAgICAgICB9LCAxNTApO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9kZXN0cm95ZWQubmV4dCgpO1xuICAgICAgICB0aGlzLl9kZXN0cm95ZWQuY29tcGxldGUoKTtcbiAgICB9XG5cbiAgICBnZXQgZ2V0QWRkaXRpb25hbFZhbHVlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmFkZGl0aW9uYWxWYWx1ZS5sZW5ndGggPiAwID8gJ3Nob3cnIDogJ2hpZGUnO1xuICAgIH1cblxuICAgIGdldFBhcmVudEJ5Q2xhc3MoZWwsIHBhcmVudFNlbGVjdG9yIC8qIG9wdGlvbmFsICovKTogYW55IHtcbiAgICAgICAgLy8gSWYgbm8gcGFyZW50U2VsZWN0b3IgZGVmaW5lZCB3aWxsIGJ1YmJsZSB1cCBhbGwgdGhlIHdheSB0byAqZG9jdW1lbnQqXG4gICAgICAgIGlmIChwYXJlbnRTZWxlY3RvciA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBwYXJlbnRTZWxlY3RvciA9IGRvY3VtZW50O1xuICAgICAgICB9XG5cbiAgICAgICAgbGV0IHAgPSBlbC5wYXJlbnROb2RlO1xuXG4gICAgICAgIHdoaWxlIChcbiAgICAgICAgICAgIHAgJiZcbiAgICAgICAgICAgICFwPy5jbGFzc0xpc3Q/LmNvbnRhaW5zKHBhcmVudFNlbGVjdG9yKSAmJlxuICAgICAgICAgICAgcGFyZW50U2VsZWN0b3IgIT09IGRvY3VtZW50XG4gICAgICAgICkge1xuICAgICAgICAgICAgY29uc3QgbyA9IHA7XG4gICAgICAgICAgICBwID0gbz8ucGFyZW50Tm9kZSB8fCBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHA/LmNsYXNzTmFtZS5pbmRleE9mKHBhcmVudFNlbGVjdG9yKSA+IC0xID8gcCA6IG51bGw7XG4gICAgfVxuXG4gICAgZ2V0U2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvd0J5Q2xhc3NOYW1lKGV2ZW50OiBhbnksIGlzTmV4dCA9IHRydWUpOiBhbnkge1xuICAgICAgICBjb25zdCBldmVudFRhcmdldCA9IGV2ZW50LnRhcmdldCB8fCBldmVudC5zcmNFbGVtZW50O1xuICAgICAgICBsZXQgc2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvd0J5Q2xhc3NOYW1lO1xuXG4gICAgICAgIGxldCBwYXJlbnRTZWxlY3RvcjtcbiAgICAgICAgaWYgKHRoaXMubGF5b3V0VHlwZSA9PT0gJ3RhYmxlJykge1xuICAgICAgICAgICAgcGFyZW50U2VsZWN0b3IgPSB0aGlzLmdldFBhcmVudEJ5Q2xhc3MoZXZlbnRUYXJnZXQsICd0YWJsZS1yb3cnKTtcbiAgICAgICAgfSBlbHNlIGlmICh0aGlzLmxheW91dFR5cGUgPT09ICdjYXJkJykge1xuICAgICAgICAgICAgcGFyZW50U2VsZWN0b3IgPSB0aGlzLmdldFBhcmVudEJ5Q2xhc3MoZXZlbnRUYXJnZXQsICdjYXJkLXZpZXcnKTtcbiAgICAgICAgICAgIGlmICghcGFyZW50U2VsZWN0b3IpIHtcbiAgICAgICAgICAgICAgICBwYXJlbnRTZWxlY3RvciA9IHRoaXMuZ2V0UGFyZW50QnlDbGFzcyhcbiAgICAgICAgICAgICAgICAgICAgZXZlbnRUYXJnZXQsXG4gICAgICAgICAgICAgICAgICAgICdsaW5lLXZpZXcnXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChcbiAgICAgICAgICAgIHBhcmVudFNlbGVjdG9yLm5leHRFbGVtZW50U2libGluZyA9PT0gbnVsbCAmJlxuICAgICAgICAgICAgcGFyZW50U2VsZWN0b3IucHJldmlvdXNFbGVtZW50U2libGluZyA9PT0gbnVsbFxuICAgICAgICApIHtcbiAgICAgICAgICAgIHNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3dCeUNsYXNzTmFtZSA9IG51bGw7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBpZiAoaXNOZXh0KSB7XG4gICAgICAgICAgICAgICAgaWYgKHBhcmVudFNlbGVjdG9yLm5leHRFbGVtZW50U2libGluZyA9PT0gbnVsbCkge1xuICAgICAgICAgICAgICAgICAgICBzYW1lRWxlbWVudEluVGhlV2FudGVkUm93QnlDbGFzc05hbWUgPSBwYXJlbnRTZWxlY3Rvci5wYXJlbnRFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICAgICAgICAgICAgICAgICAnW25hbWU9JyArIHRoaXMua2V5ICsgJ10nXG4gICAgICAgICAgICAgICAgICAgIClbMF07XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgc2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvd0J5Q2xhc3NOYW1lID0gcGFyZW50U2VsZWN0b3IubmV4dEVsZW1lbnRTaWJsaW5nLnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICAgICAgICAgICAgICAgICAnW25hbWU9JyArIHRoaXMua2V5ICsgJ10nXG4gICAgICAgICAgICAgICAgICAgIClbMF07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBpZiAocGFyZW50U2VsZWN0b3IucHJldmlvdXNFbGVtZW50U2libGluZyA9PT0gbnVsbCkge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBlbGVtZW50c0xpc3QgPSBwYXJlbnRTZWxlY3Rvci5wYXJlbnRFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICAgICAgICAgICAgICAgICAnW25hbWU9JyArIHRoaXMua2V5ICsgJ10nXG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgIHNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3dCeUNsYXNzTmFtZSA9XG4gICAgICAgICAgICAgICAgICAgICAgICBlbGVtZW50c0xpc3RbZWxlbWVudHNMaXN0Lmxlbmd0aCAtIDFdO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3dCeUNsYXNzTmFtZSA9IHBhcmVudFNlbGVjdG9yLnByZXZpb3VzRWxlbWVudFNpYmxpbmcucXVlcnlTZWxlY3RvckFsbChcbiAgICAgICAgICAgICAgICAgICAgICAgICdbbmFtZT0nICsgdGhpcy5rZXkgKyAnXSdcbiAgICAgICAgICAgICAgICAgICAgKVswXTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gc2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvd0J5Q2xhc3NOYW1lO1xuICAgIH1cblxuICAgIHNldFNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3coZXZlbnQ6IGFueSwgaXNOZXh0ID0gdHJ1ZSk6IHZvaWQge1xuICAgICAgICAvLyBOYXZpZ2F0ZSB0byB0aGUgUVMgaW4gdGhlIG5leHQgcm93LlxuICAgICAgICBpZiAodGhpcy5sYXlvdXRUeXBlID09PSAnY2FyZCcgfHwgdGhpcy5sYXlvdXRUeXBlID09PSAndGFibGUnKSB7XG4gICAgICAgICAgICB0aGlzLnNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3cgPSB0aGlzLmdldFNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3dCeUNsYXNzTmFtZShcbiAgICAgICAgICAgICAgICBldmVudCxcbiAgICAgICAgICAgICAgICBpc05leHRcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLlFTSW5wdXQubmF0aXZlRWxlbWVudC5ibHVyKCk7XG4gICAgfVxuXG4gICAgZm9jdXNUb1RoZVNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3coKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3cpIHtcbiAgICAgICAgICAgIGNvbnN0IGVsZW0gPSB0aGlzLnNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3c7XG4gICAgICAgICAgICAvLyBJZiB0aGlzIGlzIHJlZ3VsYXIgaXRlbSAocXMgYW5kIG5vdCBidXR0b24pIC5cbiAgICAgICAgICAgIGlmIChlbGVtIGluc3RhbmNlb2YgSFRNTElucHV0RWxlbWVudCAmJiBlbGVtLnR5cGUgPT09ICd0ZXh0Jykge1xuICAgICAgICAgICAgICAgIGVsZW0uY2xpY2soKTtcbiAgICAgICAgICAgICAgICBlbGVtLnNlbGVjdCgpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXJlbnRFbGVtID0gZWxlbS5wYXJlbnROb2RlO1xuICAgICAgICAgICAgICAgIHBhcmVudEVsZW0uY2xpY2soKTtcbiAgICAgICAgICAgICAgICBlbGVtLmZvY3VzKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0aGlzLnNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3cgPSBudWxsO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgY2xlYW5FcnJvcigpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgZmllbGRDb250cm9sID0gdGhpcy5mb3JtLmNvbnRyb2xzW3RoaXMua2V5XTtcblxuICAgICAgICAvLyBDbGVhbiB0aGUgZXJyb3IgbWVzc2FnZVxuICAgICAgICBpZiAodGhpcy5tZXNzYWdlcyAmJiB0aGlzLm1lc3NhZ2VzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMubWVzc2FnZXMgPSB0aGlzLm5vdGlmaWNhdGlvbkluZm8gPSBudWxsO1xuICAgICAgICAgICAgZmllbGRDb250cm9sLnNldEVycm9ycyhudWxsKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTWF0cml4TW91c2VFbnRlcihldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNNYXRyaXhGb2N1cyA9IHRydWU7XG4gICAgfVxuXG4gICAgb25NYXRyaXhNb3VzZWxlYXZlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc01hdHJpeEZvY3VzID0gZmFsc2U7XG4gICAgfVxuXG4gICAgb25NYXRyaXhDbGljayhldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNJbkZvY3VzID0gdHJ1ZTtcblxuICAgICAgICBpZiAodGhpcy5RU0lucHV0ICYmIHRoaXMuUVNJbnB1dC5uYXRpdmVFbGVtZW50KSB7XG4gICAgICAgICAgICB0aGlzLlFTSW5wdXQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25NYXRyaXhCbHVyKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgICAgIWV2ZW50LnJlbGF0ZWRUYXJnZXQgfHxcbiAgICAgICAgICAgIGV2ZW50LnJlbGF0ZWRUYXJnZXQuY2xhc3NOYW1lLmluZGV4T2YoJ3FzJykgPCAwXG4gICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5pc01hdHJpeEZvY3VzID0gZmFsc2U7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLm9uQmx1cihldmVudCk7XG4gICAgfVxuXG4gICAgb25Gb2N1cyhldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNJbkZvY3VzID0gdHJ1ZTtcblxuICAgICAgICAvLyBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgLy8gICAgIGlmICh0aGlzLmlzSW5Gb2N1cykge1xuICAgICAgICAvLyAgICAgICAgIGNvbnN0IGV2ZW50VGFyZ2V0ID0gZXZlbnQudGFyZ2V0IHx8IGV2ZW50LnNyY0VsZW1lbnQ7XG4gICAgICAgIC8vICAgICAgICAgaWYgKGV2ZW50VGFyZ2V0KSB7XG4gICAgICAgIC8vICAgICAgICAgICAgIGV2ZW50VGFyZ2V0LnNlbGVjdCgpO1xuICAgICAgICAvLyAgICAgICAgIH1cbiAgICAgICAgLy8gICAgIH1cbiAgICAgICAgLy8gfSwgMCk7XG4gICAgfVxuXG4gICAgaXNEaWZmZXJlbnRWYWx1ZSh2YWx1ZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHJlcyA9IHRoaXMudXRpbGl0aWVzU2VydmljZS5pc0VxdWFsTnVtYmVyKHRoaXMudmFsdWVBc0N1cnJlbnRDdWx0dXJlLCB2YWx1ZSkgPT09IGZhbHNlO1xuICAgICAgICByZXR1cm4gcmVzO1xuICAgIH1cblxuICAgIG9uQmx1cihldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNJbkZvY3VzID0gZmFsc2U7XG4gICAgICAgIHRoaXMuY2xlYW5FcnJvcigpO1xuICAgICAgICBjb25zdCB2YWx1ZSA9IGV2ZW50LnRhcmdldCA/IGV2ZW50LnRhcmdldC52YWx1ZSA6IGV2ZW50O1xuXG4gICAgICAgIC8vIEZvciBkZWNpbWFsIHdlIG5lZWQgdG8gcmVwbGFjZSB0aGUgZGVjaW1hbCBzZXBhcmF0b3IgYmFjayBpZiBpdCdzIGNvbW1hICgnLCcpLlxuICAgICAgICBjb25zdCBjb3JyZWN0VmFsdWUgPSB0aGlzLmFsbG93RGVjaW1hbCA/IHRoaXMudXRpbGl0aWVzU2VydmljZS5jaGFuZ2VEZWNpbWFsU2VwYXJhdG9yV2hlbkl0c0NvbW1hKHZhbHVlKSA6IHZhbHVlO1xuICAgICAgICBcbiAgICAgICAgaWYgKGNvcnJlY3RWYWx1ZSAhPT0gdGhpcy52YWx1ZUFzQ3VycmVudEN1bHR1cmUgJiYgdGhpcy5pc0RpZmZlcmVudFZhbHVlKHZhbHVlKSkge1xuICAgICAgICAgICAgdGhpcy52YWx1ZSA9IGNvcnJlY3RWYWx1ZTtcbiAgICAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgICBcbiAgICAgICAgdGhpcy5mb2N1c1RvVGhlU2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvdygpO1xuICAgIH1cblxuICAgIG9uS2V5ZG93bihldmVudCk6IGFueSB7XG4gICAgICAgIGNvbnN0IGtleWJvYXJkRXZlbnQgPSBldmVudCBhcyBLZXlib2FyZEV2ZW50O1xuXG4gICAgICAgIGlmIChrZXlib2FyZEV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgdGhpcy5zZXRTYW1lRWxlbWVudEluVGhlV2FudGVkUm93KFxuICAgICAgICAgICAgICAgIGtleWJvYXJkRXZlbnQsXG4gICAgICAgICAgICAgICAgIWtleWJvYXJkRXZlbnQuc2hpZnRLZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGluY3JlbWVudChldmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5zdGFuZEFsb25lKSB7XG4gICAgICAgICAgICB0aGlzLnZhbHVlID0gdGhpcy51dGlsaXRpZXNTZXJ2aWNlLmluY3JlbWVudE51bWJlcih0aGlzLnZhbHVlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuZWxlbWVudENsaWNrLmVtaXQoe1xuICAgICAgICAgICAga2V5OiB0aGlzLmtleSxcbiAgICAgICAgICAgIHZhbHVlOiBQZXBRdWFudGl0eVNlbGVjdG9yQ29tcG9uZW50LlBMVVMsXG4gICAgICAgICAgICBjb250cm9sVHlwZTogdGhpcy5jb250cm9sVHlwZSxcbiAgICAgICAgICAgIGV2ZW50V2hpY2g6IGV2ZW50LndoaWNoLFxuICAgICAgICB9KTtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgZGVjcmVtZW50KGV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnN0YW5kQWxvbmUpIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLnV0aWxpdGllc1NlcnZpY2UuZGVjcmVtZW50TnVtYmVyKHRoaXMudmFsdWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5lbGVtZW50Q2xpY2suZW1pdCh7XG4gICAgICAgICAgICBrZXk6IHRoaXMua2V5LFxuICAgICAgICAgICAgdmFsdWU6IFBlcFF1YW50aXR5U2VsZWN0b3JDb21wb25lbnQuTUlOVVMsXG4gICAgICAgICAgICBjb250cm9sVHlwZTogdGhpcy5jb250cm9sVHlwZSxcbiAgICAgICAgICAgIGV2ZW50V2hpY2g6IGV2ZW50LndoaWNoLFxuICAgICAgICB9KTtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgZW50ZXJDaGlsZHJlbihldmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsZW1lbnRDbGljay5lbWl0KHtcbiAgICAgICAgICAgIGtleTogdGhpcy5rZXksXG4gICAgICAgICAgICB2YWx1ZTogUGVwUXVhbnRpdHlTZWxlY3RvckNvbXBvbmVudC5FTlRFUl9DSElMRFJFTixcbiAgICAgICAgICAgIGNvbnRyb2xUeXBlOiB0aGlzLmNvbnRyb2xUeXBlLFxuICAgICAgICAgICAgZXZlbnRXaGljaDogZXZlbnQud2hpY2gsXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGVudGVyUGFja2FnZShldmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsZW1lbnRDbGljay5lbWl0KHtcbiAgICAgICAgICAgIGtleTogdGhpcy5rZXksXG4gICAgICAgICAgICB2YWx1ZTogUGVwUXVhbnRpdHlTZWxlY3RvckNvbXBvbmVudC5FTlRFUl9QQUNLQUdFLFxuICAgICAgICAgICAgY29udHJvbFR5cGU6IHRoaXMuY29udHJvbFR5cGUsXG4gICAgICAgICAgICBldmVudFdoaWNoOiBldmVudC53aGljaCxcbiAgICAgICAgICAgIG90aGVyRGF0YTogdGhpcy5ub3RpZmljYXRpb25JbmZvLFxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvLyBzZXR1cFFzQnV0dG9ucyhxc1dpZHRoOiBudW1iZXIpIHtcbiAgICAvLyAgICAgdGhpcy5zaG93UXNCdG4gPSBxc1dpZHRoID4gMTIwO1xuXG4gICAgLy8gICAgIGlmICghdGhpcy5jZFsnZGVzdHJveWVkJ10pIHtcbiAgICAvLyAgICAgICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIC8vICAgICB9XG4gICAgLy8gfVxuXG4gICAgLy8gc2V0UXNWaWV3KCk6IHZvaWQge1xuICAgIC8vICAgICBpZiAoXG4gICAgLy8gICAgICAgICB0aGlzLlFTQ29udCAmJlxuICAgIC8vICAgICAgICAgdGhpcy5RU0NvbnQubmF0aXZlRWxlbWVudCAmJlxuICAgIC8vICAgICAgICAgdGhpcy5RU0NvbnQubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCA+IDBcbiAgICAvLyAgICAgKSB7XG4gICAgLy8gICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAvLyAgICAgICAgICAgICB0aGlzLnFzV2lkdGhTdWJqZWN0Lm5leHQodGhpcy5RU0NvbnQubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCk7XG4gICAgLy8gICAgICAgICB9LCAwKTtcbiAgICAvLyAgICAgfVxuICAgIC8vIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW2Zvcm1Hcm91cF09XCJmb3JtXCI+XG4gICAgPG5nLXRlbXBsYXRlICNwZXBUZW1wbGF0ZT5cbiAgICAgICAgPGRpdiAjUVNDb250IGNsYXNzPVwicGVwLXF1YW50aXR5LXNlbGVjdG9yLWNvbnRhaW5lciB7eyBzdHlsZVR5cGUgfX1cIiBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgJ2hpZGUtcXMtYWN0aW9ucycgOiBsYXlvdXRUeXBlID09PSAnY2FyZCcgJiYgcm93U3BhbiA8PSAxLFxuICAgICAgICAgICAgICAgICdwZXAtdGFibGUtcXVhbnRpdHktc2VsZWN0b3InOiBsYXlvdXRUeXBlID09PSAndGFibGUnLFxuICAgICAgICAgICAgICAgICdvbmUtcm93Jzogcm93U3BhbiA9PT0gMSxcbiAgICAgICAgICAgICAgICBjYXV0aW9uOiBpc0NhdXRpb24sXG4gICAgICAgICAgICAgICAgJ21hdHJpeC1xcyc6IHR5cGUgPT09ICdxc0Zvck1hdHJpeCcsXG4gICAgICAgICAgICAgICAgJ3plcm8tcXVhbnRpdHknOiBmb3JtYXR0ZWRWYWx1ZSA9PT0gJzAnXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8cGVwLWZpZWxkLXRpdGxlICpuZ0lmPVwicmVuZGVyVGl0bGUgJiYgbGF5b3V0VHlwZSAhPT0gJ3RhYmxlJyAmJiBsYXlvdXRUeXBlICE9PSAnY2FyZCdcIiBbbGFiZWxdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgIFttYW5kYXRvcnldPVwibWFuZGF0b3J5XCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW3Nob3dUaXRsZV09XCJzaG93VGl0bGVcIiBbeEFsaWdubWVudF09XCJ4QWxpZ25tZW50XCI+XG4gICAgICAgICAgICA8L3BlcC1maWVsZC10aXRsZT5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT0gJ3FzJ1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJyZWFkb25seTsgdGhlbiByZWFkb25seUJsb2NrOyBlbHNlIGVkaXRhYmxlUVNCbG9ja1wiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjcmVhZG9ubHlCbG9jaz5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBbaWRdPVwia2V5XCIgbWF0LWJ1dHRvbiBjbGFzcz1cInBlcC1idXR0b24ge3sgc3R5bGVUeXBlIH19IGRpc2FibGUgXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntjYXV0aW9uOiBpc0NhdXRpb24sIG1kOiByb3dTcGFuICE9PSAxLCB4czogcm93U3BhbiA9PT0gMX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgdGl0bGU9XCJ7eyBmb3JtYXR0ZWRWYWx1ZSB9fVwiIGRpc2FibGVkPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGZvcm1hdHRlZFZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNlZGl0YWJsZVFTQmxvY2s+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHBlcFFzVmFsaWRhdGlvbiBbYWxsb3dEZWNpbWFsXT1cImFsbG93RGVjaW1hbFwiIHR5cGU9XCJkZWNpbWFsTnVtYmVyXCIgaW5wdXRtb2RlPVwiZGVjaW1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF0SW5wdXQgI1FTSW5wdXQgbmFtZT1cInt7IGtleSB9fVwiIGNsYXNzPVwiYm9keS1sZyBlbGxpcHNpc1wiIHRpdGxlPVwie3sgZm9ybWF0dGVkVmFsdWUgfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFtpZF09XCJrZXlcIiBbZm9ybUNvbnRyb2xOYW1lXT1cImtleVwiIFt2YWx1ZV09XCJkaXNwbGF5VmFsdWUkIHwgYXN5bmNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCIkZXZlbnQudGFyZ2V0LnNldFNlbGVjdGlvblJhbmdlKDAsIDk5OSlcIiAoa2V5ZG93bik9XCJvbktleWRvd24oJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGJsdXIpPVwib25CbHVyKCRldmVudClcIiAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJzaG93UXNCdG5cIiBtYXQtYnV0dG9uIG1hdFByZWZpeCAoY2xpY2spPVwiZGVjcmVtZW50KCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicGVwLWJ1dHRvbiBpY29uLWJ1dHRvbiBzbSB3ZWFrIHFzLWFjdGlvblwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtuZ0NsYXNzXT1cInsgZGlzYWJsZTogZGlzYWJsZWQsIGNhdXRpb246IGlzQ2F1dGlvbiAmJiBzdHlsZVR5cGUgIT09ICdzdHJvbmcnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAna2VlcC1iYWNrZ3JvdW5kLW9uLWZvY3VzJzogc3R5bGVUeXBlID09PSAnc3Ryb25nJ31cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwZXAtaWNvbiBuYW1lPVwibnVtYmVyX21pbnVzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcGVwLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cInNob3dRc0J0blwiIG1hdC1idXR0b24gbWF0U3VmZml4IChjbGljayk9XCJpbmNyZW1lbnQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJwZXAtYnV0dG9uIGljb24tYnV0dG9uIHNtIHdlYWsgcXMtYWN0aW9uXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW25nQ2xhc3NdPVwieyBkaXNhYmxlOiBkaXNhYmxlZCwgY2F1dGlvbjogaXNDYXV0aW9uICYmIHN0eWxlVHlwZSAhPT0gJ3N0cm9uZycsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdrZWVwLWJhY2tncm91bmQtb24tZm9jdXMnOiBzdHlsZVR5cGUgPT09ICdzdHJvbmcnfVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBlcC1pY29uIG5hbWU9XCJudW1iZXJfcGx1c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3BlcC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJtZXNzYWdlcz8ubGVuZ3RoID4gMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicXMtZXJyb3IgYm9keS14c1wiICpuZ0Zvcj1cImxldCBtc2cgb2YgbWVzc2FnZXNcIj4ge3sgbXNnLktleSB8IHRyYW5zbGF0ZSB9fSA6XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG1zZy5WYWx1ZSB9fSA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1lcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlID09ICdxc0Zvck1hdHJpeCdcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicmVhZG9ubHk7IHRoZW4gcmVhZG9ubHlCbG9jazsgZWxzZSBlZGl0YWJsZVFTQmxvY2tcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3JlYWRvbmx5QmxvY2s+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gW2lkXT1cImtleVwiIG1hdC1idXR0b24gY2xhc3M9XCJwZXAtYnV0dG9uIHt7IHN0eWxlVHlwZSB9fSBkaXNhYmxlXCIgZGlzYWJsZWQ9XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntjYXV0aW9uOiBpc0NhdXRpb24sIG1kOiByb3dTcGFuICE9PSAxLCB4czogcm93U3BhbiA9PT0gMX1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIFhcbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI2VkaXRhYmxlUVNCbG9jaz5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCIgeEFsaWdubWVudD09J3JpZ2h0J1wiIGNsYXNzPVwiIGJvZHktc20gYWRkaXRpb25hbC12YWx1ZSBwcmVmaXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgbWF0QmFkZ2U9XCJ7eyBhZGRpdGlvbmFsVmFsdWUgfX1cIiBtYXRCYWRnZVBvc2l0aW9uPVwiYmVmb3JlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hdEJhZGdlU2l6ZT1cInJvd1NwYW4gPT09IDEgPyBzbWFsbCA6IG1lZGl1bVwiIFtAc2hvd0hpZGVdPVwiZ2V0QWRkaXRpb25hbFZhbHVlXCI+PC9zcGFuPlxuXG4gICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIChtb3VzZWxlYXZlKT1cIiFpc0luRm9jdXMgPyBvbk1hdHJpeE1vdXNlbGVhdmUoJGV2ZW50KSA6IG51bGxcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBwZXBRc1ZhbGlkYXRpb24gW2FsbG93RGVjaW1hbF09XCJhbGxvd0RlY2ltYWxcIiB0eXBlPVwiZGVjaW1hbE51bWJlclwiIGlucHV0bW9kZT1cImRlY2ltYWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hdElucHV0ICNRU0lucHV0IG5hbWU9XCJ7eyBrZXkgfX1cIiB0aXRsZT1cInt7IGZvcm1hdHRlZFZhbHVlIH19XCIgY2xhc3M9XCJib2R5LXNtIGVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIiBbaWRdPVwia2V5XCIgW2Zvcm1Db250cm9sTmFtZV09XCJrZXlcIiBbdmFsdWVdPVwiZGlzcGxheVZhbHVlJCB8IGFzeW5jXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25NYXRyaXhDbGljaygkZXZlbnQpOyAkZXZlbnQudGFyZ2V0LnNldFNlbGVjdGlvblJhbmdlKDAsIDk5OSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duKT1cIm9uS2V5ZG93bigkZXZlbnQpXCIgKGJsdXIpPVwib25NYXRyaXhCbHVyKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChmb2N1cyk9XCJvbk1hdHJpeE1vdXNlRW50ZXIoJGV2ZW50KTsgb25Gb2N1cygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAobW91c2VlbnRlcik9XCJvbk1hdHJpeE1vdXNlRW50ZXIoJGV2ZW50KVwiIC8+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJtZXNzYWdlcz8ubGVuZ3RoID4gMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicXMtZXJyb3IgYm9keS14c1wiICpuZ0Zvcj1cImxldCBtc2cgb2YgbWVzc2FnZXNcIj4ge3sgbXNnLktleSB8IHRyYW5zbGF0ZSB9fSA6XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG1zZy5WYWx1ZSB9fSA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1lcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cblxuICAgICAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cInhBbGlnbm1lbnQgIT0gJ3JpZ2h0J1wiIGNsYXNzPVwiYm9keS1zbSBhZGRpdGlvbmFsLXZhbHVlIHN1ZmZpeFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXRCYWRnZT1cInt7IGFkZGl0aW9uYWxWYWx1ZSB9fVwiIG1hdEJhZGdlUG9zaXRpb249XCJiZWZvcmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgbWF0QmFkZ2VTaXplPVwicm93U3BhbiA9PT0gMSA/IHNtYWxsIDogbWVkaXVtXCIgW0BzaG93SGlkZV09XCJnZXRBZGRpdGlvbmFsVmFsdWVcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PSAnYnV0dG9uJ1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIodmFsdWUgfCBwZXBUb051bWJlcikgPT0gMDsgdGhlbiByZWd1bGFyQmxvY2s7IGVsc2Ugd2l0aEJhZGdlQmxvY2tcIj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3JlZ3VsYXJCbG9jaz5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIGNsYXNzPVwicGVwLWJ1dHRvbiB7eyBzdHlsZVR5cGUgfX0gXCIgW2lkXT1cImtleVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lPVwie3sga2V5IH19XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgZGlzYWJsZTogZGlzYWJsZWQsIGNhdXRpb246IGlzQ2F1dGlvbiwgbWQ6IHJvd1NwYW4gIT09IDEsIHhzOiByb3dTcGFuID09PSAxfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiJ1FTLk9SREVSJyB8IHRyYW5zbGF0ZVwiIChjbGljayk9XCJlbnRlckNoaWxkcmVuKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZWxsaXBzaXNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyAnUVMuT1JERVInIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICN3aXRoQmFkZ2VCbG9jaz5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIG1hdEJhZGdlPVwie3sgZm9ybWF0dGVkVmFsdWUgfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgbWF0QmFkZ2VQb3NpdGlvbj1cInt7eEFsaWdubWVudCA9PSAncmlnaHQnID8gJ2JlZm9yZScgOiAnYWZ0ZXInfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW21hdEJhZGdlU2l6ZV09XCJsYXlvdXRUeXBlID09PSAnY2FyZCcgJiYgcm93U3BhbiA9PT0gMSA/ICdzbWFsbCcgOiAnbWVkaXVtJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInBlcC1idXR0b24ge3sgc3R5bGVUeXBlIH19IFwiIFtpZF09XCJrZXlcIiBuYW1lPVwie3sga2V5IH19XCIgW25nQ2xhc3NdPVwieyBkaXNhYmxlOiBkaXNhYmxlZCwgY2F1dGlvbjogaXNDYXV0aW9uLCBtZDogcm93U3BhbiAhPT0gMSwgeHM6IHJvd1NwYW4gPT09IDEsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3JpZ2h0LWFsaWdubWVudCc6IHhBbGlnbm1lbnQgPT0gJ3JpZ2h0JywgJ2xlZnQtYWxpZ25tZW50JzogeEFsaWdubWVudCAhPSAncmlnaHQnfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiJ1FTLk9SREVSJyB8IHRyYW5zbGF0ZVwiIChjbGljayk9XCJlbnRlckNoaWxkcmVuKCRldmVudClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZWxsaXBzaXNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyAnUVMuT1JERVInIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlID09ICdwYWNrYWdlQnV0dG9uJ1wiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjbGFzcz1cInBlcC1idXR0b24ge3sgc3R5bGVUeXBlIH19IFwiIFtpZF09XCJrZXlcIiBuYW1lPVwie3sga2V5IH19XCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBkaXNhYmxlOiBkaXNhYmxlZCwgY2F1dGlvbjogaXNDYXV0aW9uLCBtZDogcm93U3BhbiAhPT0gMSwgeHM6IHJvd1NwYW4gPT09IDF9XCJcbiAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cIidRUy5PUkRFUicgfCB0cmFuc2xhdGVcIiAoY2xpY2spPVwiZW50ZXJQYWNrYWdlKCRldmVudClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgJ1FTLk9SREVSJyB8IHRyYW5zbGF0ZSB9fSAmIzQwO3t7IGZvcm1hdHRlZFZhbHVlIH19JiM0MTtcbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ2Zvcm0nXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwZXBUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICdjYXJkJ1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicGVwVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsYXlvdXRUeXBlID09PSAndGFibGUnXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwZXBUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+Il19