@pepperi-addons/ngx-lib 0.4.0-angular14.36 → 0.4.0-angular14.39

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

@@ -1,511 +1,511 @@
-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 = null;
-        this._formattedValue = null;
-        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._destroyed = new Subject();
-        this.qsWidthSubject = new BehaviorSubject(0);
-    }
-    set value(value) {
-        if (!value) {
-            value = '';
-        }
-        this._value = value;
-        this.setFormattedValue(value);
-    }
-    get value() {
-        return this._value;
-    }
-    set formattedValue(value) {
-        // if (!value) {
-        //     value = '';
-        // }
-        // if (this._calculateFormattedValue) {
-        //     this._calculateFormattedValue = false;
-        // }
-        // this.setFormattedValue(value);
-    }
-    get formattedValue() {
-        return this._formattedValue;
-    }
-    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);
-        }
-    }
-    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;
-    }
-    setForm() {
-        const pepField = new PepQuantitySelectorField({
-            key: this.key,
-            value: this.value,
-            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);
-            }
-            else {
-                this._formattedValue = this.utilitiesService.formatNumber(value);
-            }
-        }
-        else {
-            this._formattedValue = value;
-        }
-        this.updateFormFieldValue();
-    }
-    updateFormFieldValue() {
-        this.customizationService.updateFormFieldValue(this.form, this.key, this.formattedValue);
-    }
-    get displayValue() {
-        const res = this.isInFocus
-            ? parseFloat(this.value).toString()
-            : 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) => {
-            this.setupQsButtons(qsWidth);
-        });
-        this.updateFormFieldValue();
-    }
-    ngAfterViewInit() {
-        //
-    }
-    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;
-    }
-    isDifferentValue(value) {
-        let res = false;
-        const currentValue = this.utilitiesService.coerceNumberProperty(this.value);
-        const newValue = this.utilitiesService.coerceNumberProperty(value);
-        res = currentValue !== newValue;
-        return res;
-    }
-    onBlur(event) {
-        this.isInFocus = false;
-        this.cleanError();
-        const value = event.target ? event.target.value : event;
-        if (value !== this.value && this.isDifferentValue(value)) {
-            this.value = value;
-            // // If the user is setting the formatted value then set the value till the user format it and return it back.
-            // if (!this._calculateFormattedValue) {
-            //     this._formattedValue = value;
-            // }
-            this.valueChange.emit(this.value);
-        }
-        else {
-            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,
-        });
-    }
-    setupQsButtons(qsWidth) {
-        this.showQsBtn = qsWidth > 120;
-        if (!this.cd['destroyed']) {
-            this.cd.detectChanges();
-        }
-    }
-    setQsView() {
-        if (this.QSCont &&
-            this.QSCont.nativeElement &&
-            this.QSCont.nativeElement.clientWidth > 0) {
-            setTimeout(() => {
-                this.qsWidthSubject.next(this.QSCont.nativeElement.clientWidth);
-            }, 0);
-        }
-    }
-}
-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", formattedValue: "formattedValue", 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" }, 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\"\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\"\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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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"] }, { kind: "directive", type: i12.PepQuantitySelectorValidationDirective, selector: "[pepQsValidation]", inputs: ["allowDecimal"] }, { 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\"\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\"\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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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
-            }], formattedValue: [{
-                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']
-            }] } });
+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 = null;
+        this._formattedValue = null;
+        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._destroyed = new Subject();
+        this.qsWidthSubject = new BehaviorSubject(0);
+    }
+    set value(value) {
+        if (!value) {
+            value = '';
+        }
+        this._value = value;
+        this.setFormattedValue(value);
+    }
+    get value() {
+        return this._value;
+    }
+    set formattedValue(value) {
+        // if (!value) {
+        //     value = '';
+        // }
+        // if (this._calculateFormattedValue) {
+        //     this._calculateFormattedValue = false;
+        // }
+        // this.setFormattedValue(value);
+    }
+    get formattedValue() {
+        return this._formattedValue;
+    }
+    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);
+        }
+    }
+    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;
+    }
+    setForm() {
+        const pepField = new PepQuantitySelectorField({
+            key: this.key,
+            value: this.value,
+            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);
+            }
+            else {
+                this._formattedValue = this.utilitiesService.formatNumber(value);
+            }
+        }
+        else {
+            this._formattedValue = value;
+        }
+        this.updateFormFieldValue();
+    }
+    updateFormFieldValue() {
+        this.customizationService.updateFormFieldValue(this.form, this.key, this.formattedValue);
+    }
+    get displayValue() {
+        const res = this.isInFocus
+            ? parseFloat(this.value).toString()
+            : 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) => {
+            this.setupQsButtons(qsWidth);
+        });
+        this.updateFormFieldValue();
+    }
+    ngAfterViewInit() {
+        //
+    }
+    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;
+    }
+    isDifferentValue(value) {
+        let res = false;
+        const currentValue = this.utilitiesService.coerceNumberProperty(this.value);
+        const newValue = this.utilitiesService.coerceNumberProperty(value);
+        res = currentValue !== newValue;
+        return res;
+    }
+    onBlur(event) {
+        this.isInFocus = false;
+        this.cleanError();
+        const value = event.target ? event.target.value : event;
+        if (value !== this.value && this.isDifferentValue(value)) {
+            this.value = value;
+            // // If the user is setting the formatted value then set the value till the user format it and return it back.
+            // if (!this._calculateFormattedValue) {
+            //     this._formattedValue = value;
+            // }
+            this.valueChange.emit(this.value);
+        }
+        else {
+            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,
+        });
+    }
+    setupQsButtons(qsWidth) {
+        this.showQsBtn = qsWidth > 120;
+        if (!this.cd['destroyed']) {
+            this.cd.detectChanges();
+        }
+    }
+    setQsView() {
+        if (this.QSCont &&
+            this.QSCont.nativeElement &&
+            this.QSCont.nativeElement.clientWidth > 0) {
+            setTimeout(() => {
+                this.qsWidthSubject.next(this.QSCont.nativeElement.clientWidth);
+            }, 0);
+        }
+    }
+}
+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", formattedValue: "formattedValue", 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" }, 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\"\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\"\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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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"] }, { kind: "directive", type: i12.PepQuantitySelectorValidationDirective, selector: "[pepQsValidation]", inputs: ["allowDecimal"] }, { 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\"\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\"\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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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
+            }], formattedValue: [{
+                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']
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVhbnRpdHktc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9xdWFudGl0eS1zZWxlY3Rvci9xdWFudGl0eS1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3F1YW50aXR5LXNlbGVjdG9yL3F1YW50aXR5LXNlbGVjdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBSVQsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osU0FBUyxFQUdULHVCQUF1QixHQUcxQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0gsT0FBTyxFQUNQLEtBQUssRUFDTCxLQUFLLEVBQ0wsT0FBTyxFQUNQLFVBQVUsR0FDYixNQUFNLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sRUFHSCx1QkFBdUIsRUFFdkIsNEJBQTRCLEVBRzVCLHdCQUF3QixHQUUzQixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxlQUFlLEVBQWEsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNELE9BQU8sRUFBZ0Isb0JBQW9CLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBNkIvRSxNQUFNLE9BQU8sNEJBQTRCO0lBaUxyQyxZQUNZLEVBQXFCLEVBQ3JCLG9CQUE2QyxFQUM3QyxRQUFtQixFQUNuQixPQUFtQixFQUNuQixTQUEyQixFQUMzQixnQkFBcUM7UUFMckMsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFDckIseUJBQW9CLEdBQXBCLG9CQUFvQixDQUF5QjtRQUM3QyxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFlBQU8sR0FBUCxPQUFPLENBQVk7UUFDbkIsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUFDM0IscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFxQjtRQWhMeEMsUUFBRyxHQUFHLEVBQUUsQ0FBQztRQUVWLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFjZCxvQkFBZSxHQUFHLElBQUksQ0FBQztRQWlCdEIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFNBQUksR0FBaUMsSUFBSSxDQUFDO1FBQzFDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWxCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFVZixlQUFVLEdBQTJCLDRCQUE0QixDQUFDO1FBQ2xFLFlBQU8sR0FBRyxDQUFDLENBQUM7UUFFYixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQWFyQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQXlDdEIsYUFBUSxHQUFHLElBQUksQ0FBQztRQW9CeEIsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFFVixTQUFJLEdBQWMsSUFBSSxDQUFDO1FBQ3ZCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFDbkIsZUFBVSxHQUFrQixNQUFNLENBQUM7UUFDbkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQixnQ0FBZ0M7UUFFaEMsY0FBUyxHQUFpQixRQUFRLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FDckUsdUJBQXVCLENBQUMsWUFBWSxDQUN2QixDQUFDLENBQUMsV0FBVztRQUc5QixnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBRy9ELGlCQUFZLEdBQXNDLElBQUksWUFBWSxFQUF1QixDQUFDO1FBS2xGLDZCQUF3QixHQUFHLElBQUksQ0FBQztRQU94QywwQkFBcUIsR0FBRyxDQUFDLENBQUM7UUFDMUIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUVqQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFFdEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixhQUFRLEdBQWUsSUFBSSxDQUFDO1FBRTVCLDhCQUF5QixHQUFHLElBQUksQ0FBQztRQUVqQyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBVWYsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQWpMRCxJQUNJLEtBQUssQ0FBQyxLQUFhO1FBQ25CLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDUixLQUFLLEdBQUcsRUFBRSxDQUFDO1NBQ2Q7UUFFRCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUNELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBR0QsSUFDSSxjQUFjLENBQUMsS0FBYTtRQUM1QixnQkFBZ0I7UUFDaEIsa0JBQWtCO1FBQ2xCLElBQUk7UUFFSix1Q0FBdUM7UUFDdkMsNkNBQTZDO1FBQzdDLElBQUk7UUFFSixpQ0FBaUM7SUFDckMsQ0FBQztJQUNELElBQUksY0FBYztRQUNkLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNoQyxDQUFDO0lBU0QsSUFDSSxTQUFTLENBQUMsS0FBYTtRQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssS0FBSyxTQUFTLENBQUM7SUFDekMsQ0FBQztJQUNELElBQUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBTUQsSUFDSSxZQUFZLENBQUMsS0FBYztRQUMzQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUUzQixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDWixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3RDO0lBQ0wsQ0FBQztJQUNELElBQUksWUFBWTtRQUNaLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM5QixDQUFDO0lBS0QsSUFDSSxnQkFBZ0IsQ0FBQyxLQUFVO1FBQzNCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFFL0IsTUFBTSxRQUFRLEdBQUcsS0FBSyxJQUFJLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDdEUsSUFBSSxRQUFRLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDakMsd0JBQXdCO1lBQ3hCLEtBQUssTUFBTSxHQUFHLElBQUksUUFBUSxFQUFFO2dCQUN4QixJQUFJLEdBQUcsQ0FBQyxHQUFHLEtBQUsscUJBQXFCLEVBQUU7b0JBQ25DLEdBQUcsQ0FBQyxHQUFHLEdBQUcsZ0NBQWdDLENBQUM7aUJBQzlDO3FCQUFNLElBQUksR0FBRyxDQUFDLEdBQUcsS0FBSyx5QkFBeUIsRUFBRTtvQkFDOUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxvQ0FBb0MsQ0FBQztpQkFDbEQ7cUJBQU0sSUFBSSxHQUFHLENBQUMsR0FBRyxLQUFLLHdCQUF3QixFQUFFO29CQUM3QyxHQUFHLENBQUMsR0FBRyxHQUFHLG1DQUFtQyxDQUFDO2lCQUNqRDtxQkFBTSxJQUFJLEdBQUcsQ0FBQyxHQUFHLEtBQUssd0JBQXdCLEVBQUU7b0JBQzdDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsbUNBQW1DLENBQUM7aUJBQ2pEO2FBQ0o7WUFFRCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztZQUV6QixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDbEQsWUFBWSxDQUFDLFNBQVMsQ0FBQztnQkFDbkIsV0FBVyxFQUFFLE9BQU87YUFDdkIsQ0FBQyxDQUFDO1lBRUgsSUFBSSxDQUFDLHlCQUF5QixHQUFHLElBQUksQ0FBQztZQUN0QyxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNaLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRTtvQkFDNUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ3RDO1lBQ0wsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ1g7SUFDTCxDQUFDO0lBQ0QsSUFBSSxnQkFBZ0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUdELElBQ0ksT0FBTyxDQUFDLE9BQWdCO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ3hCLElBQUksT0FBTyxFQUFFO1lBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUMxQixnQkFBZ0IsQ0FDbkIsQ0FBQztTQUNMO2FBQU07WUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQzFCLGdCQUFnQixDQUNuQixDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUEwQkQsSUFBSSx1QkFBdUI7UUFDdkIsT0FBTyxJQUFJLENBQUMsd0JBQXdCLENBQUM7SUFDekMsQ0FBQztJQThCRCxPQUFPO1FBQ0gsTUFBTSxRQUFRLEdBQUcsSUFBSSx3QkFBd0IsQ0FBQztZQUMxQyxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUc7WUFDYixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDakIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTO1lBQ3pCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDMUIsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVPLGlCQUFpQixDQUFDLEtBQWE7UUFDbkMsSUFBSSxJQUFJLENBQUMsd0JBQXdCLEVBQUU7WUFDL0IsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO2dCQUNuQixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDckU7aUJBQU07Z0JBQ0gsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ3BFO1NBQ0o7YUFBTTtZQUNILElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1NBQ2hDO1FBRUQsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVPLG9CQUFvQjtRQUN4QixJQUFJLENBQUMsb0JBQW9CLENBQUMsb0JBQW9CLENBQzFDLElBQUksQ0FBQyxJQUFJLEVBQ1QsSUFBSSxDQUFDLEdBQUcsRUFDUixJQUFJLENBQUMsY0FBYyxDQUN0QixDQUFDO0lBQ04sQ0FBQztJQUVELElBQUksWUFBWTtRQUNaLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTO1lBQ3RCLENBQUMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsRUFBRTtZQUNuQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUMxQixPQUFPLEdBQUcsQ0FBQztJQUNmLENBQUM7SUFFUyxZQUFZO1FBQ2xCLE9BQU8sU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLEVBQUU7WUFDcEIsSUFBSSxJQUFJLENBQUMsR0FBRyxLQUFLLEVBQUUsRUFBRTtnQkFDakIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7YUFDMUI7WUFFRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFZixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQzFCLHVCQUF1QixDQUFDLDRCQUE0QixDQUN2RCxDQUFDO1lBRUYsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFDMUIsdUJBQXVCLENBQUMsdUNBQXVDLENBQ2xFLENBQUM7YUFDTDtTQUNKO1FBRUQsSUFBSSxDQUFDLGNBQWM7YUFDZCxZQUFZLEVBQUU7YUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxFQUFFLG9CQUFvQixFQUFFLENBQUM7YUFDakQsU0FBUyxDQUFDLENBQUMsT0FBZSxFQUFFLEVBQUU7WUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNqQyxDQUFDLENBQUMsQ0FBQztRQUVQLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxlQUFlO1FBQ1gsRUFBRTtJQUNOLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFZO1FBQ3BCLHVFQUF1RTtRQUN2RSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLEdBQUcsS0FBSyxFQUFFLEVBQUU7WUFDcEMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ2xCO1FBRUQsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxtQ0FBbUMsRUFBRSxDQUFDO1FBQy9DLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFJLGtCQUFrQjtRQUNsQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDN0QsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQUUsRUFBRSxjQUFjLENBQUMsY0FBYztRQUM5Qyx3RUFBd0U7UUFDeEUsSUFBSSxjQUFjLEtBQUssU0FBUyxFQUFFO1lBQzlCLGNBQWMsR0FBRyxRQUFRLENBQUM7U0FDN0I7UUFFRCxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDO1FBRXRCLE9BQ0ksQ0FBQztZQUNELENBQUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQ3ZDLGNBQWMsS0FBSyxRQUFRLEVBQzdCO1lBQ0UsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ1osQ0FBQyxHQUFHLENBQUMsRUFBRSxVQUFVLElBQUksSUFBSSxDQUFDO1NBQzdCO1FBRUQsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDaEUsQ0FBQztJQUVELHVDQUF1QyxDQUFDLEtBQVUsRUFBRSxNQUFNLEdBQUcsSUFBSTtRQUM3RCxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxVQUFVLENBQUM7UUFDckQsSUFBSSxvQ0FBb0MsQ0FBQztRQUV6QyxJQUFJLGNBQWMsQ0FBQztRQUNuQixJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssT0FBTyxFQUFFO1lBQzdCLGNBQWMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1NBQ3BFO2FBQU0sSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLE1BQU0sRUFBRTtZQUNuQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsQ0FBQztZQUNqRSxJQUFJLENBQUMsY0FBYyxFQUFFO2dCQUNqQixjQUFjLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUNsQyxXQUFXLEVBQ1gsV0FBVyxDQUNkLENBQUM7YUFDTDtTQUNKO1FBRUQsSUFDSSxjQUFjLENBQUMsa0JBQWtCLEtBQUssSUFBSTtZQUMxQyxjQUFjLENBQUMsc0JBQXNCLEtBQUssSUFBSSxFQUNoRDtZQUNFLG9DQUFvQyxHQUFHLElBQUksQ0FBQztTQUMvQzthQUFNO1lBQ0gsSUFBSSxNQUFNLEVBQUU7Z0JBQ1IsSUFBSSxjQUFjLENBQUMsa0JBQWtCLEtBQUssSUFBSSxFQUFFO29CQUM1QyxvQ0FBb0MsR0FBRyxjQUFjLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUNoRixRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQzVCLENBQUMsQ0FBQyxDQUFDLENBQUM7aUJBQ1I7cUJBQU07b0JBQ0gsb0NBQW9DLEdBQUcsY0FBYyxDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixDQUNyRixRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQzVCLENBQUMsQ0FBQyxDQUFDLENBQUM7aUJBQ1I7YUFDSjtpQkFBTTtnQkFDSCxJQUFJLGNBQWMsQ0FBQyxzQkFBc0IsS0FBSyxJQUFJLEVBQUU7b0JBQ2hELE1BQU0sWUFBWSxHQUFHLGNBQWMsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQzlELFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FDNUIsQ0FBQztvQkFDRixvQ0FBb0M7d0JBQ2hDLFlBQVksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO2lCQUM3QztxQkFBTTtvQkFDSCxvQ0FBb0MsR0FBRyxjQUFjLENBQUMsc0JBQXNCLENBQUMsZ0JBQWdCLENBQ3pGLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FDNUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDUjthQUNKO1NBQ0o7UUFFRCxPQUFPLG9DQUFvQyxDQUFDO0lBQ2hELENBQUM7SUFFRCw0QkFBNEIsQ0FBQyxLQUFVLEVBQUUsTUFBTSxHQUFHLElBQUk7UUFDbEQsc0NBQXNDO1FBQ3RDLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxPQUFPLEVBQUU7WUFDM0QsSUFBSSxDQUFDLHlCQUF5QixHQUFHLElBQUksQ0FBQyx1Q0FBdUMsQ0FDekUsS0FBSyxFQUNMLE1BQU0sQ0FDVCxDQUFDO1NBQ0w7UUFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsbUNBQW1DO1FBQy9CLElBQUksSUFBSSxDQUFDLHlCQUF5QixFQUFFO1lBQ2hDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyx5QkFBeUIsQ0FBQztZQUM1QyxnREFBZ0Q7WUFDaEQsSUFBSSxJQUFJLFlBQVksZ0JBQWdCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUU7Z0JBQzFELElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDYixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7YUFDakI7aUJBQU07Z0JBQ0gsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztnQkFDbkMsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUNuQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDaEI7WUFDRCxJQUFJLENBQUMseUJBQXlCLEdBQUcsSUFBSSxDQUFDO1NBQ3pDO0lBQ0wsQ0FBQztJQUVELFVBQVU7UUFDTixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFFbEQsMEJBQTBCO1FBQzFCLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO1lBQzdDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDaEM7SUFDTCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBVTtRQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUM5QixDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBVTtRQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFFdEIsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFO1lBQzVDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ3RDO0lBQ0wsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFVO1FBQ25CLElBQ0ksQ0FBQyxLQUFLLENBQUMsYUFBYTtZQUNwQixLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNqRDtZQUNFLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1NBQzlCO1FBRUQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVU7UUFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBYTtRQUMxQixJQUFJLEdBQUcsR0FBRyxLQUFLLENBQUM7UUFFaEIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLG9CQUFvQixDQUMzRCxJQUFJLENBQUMsS0FBSyxDQUNiLENBQUM7UUFDRixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsb0JBQW9CLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFbkUsR0FBRyxHQUFHLFlBQVksS0FBSyxRQUFRLENBQUM7UUFFaEMsT0FBTyxHQUFHLENBQUM7SUFDZixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQVU7UUFDYixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUV4RCxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUN0RCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUVuQiwrR0FBK0c7WUFDL0csd0NBQXdDO1lBQ3hDLG9DQUFvQztZQUNwQyxJQUFJO1lBRUosSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3JDO2FBQU07WUFDSCxJQUFJLENBQUMsbUNBQW1DLEVBQUUsQ0FBQztTQUM5QztJQUNMLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBSztRQUNYLE1BQU0sYUFBYSxHQUFHLEtBQXNCLENBQUM7UUFFN0MsSUFBSSxhQUFhLENBQUMsR0FBRyxLQUFLLE9BQU8sRUFBRTtZQUMvQixJQUFJLENBQUMsNEJBQTRCLENBQzdCLGFBQWEsRUFDYixDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQzFCLENBQUM7WUFDRixPQUFPLElBQUksQ0FBQztTQUNmO0lBQ0wsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFLO1FBQ1gsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbEU7UUFFRCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNuQixHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUc7WUFDYixLQUFLLEVBQUUsNEJBQTRCLENBQUMsSUFBSTtZQUN4QyxXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVc7WUFDN0IsVUFBVSxFQUFFLEtBQUssQ0FBQyxLQUFLO1NBQzFCLENBQUMsQ0FBQztRQUNILEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQUs7UUFDWCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsRTtRQUVELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ25CLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRztZQUNiLEtBQUssRUFBRSw0QkFBNEIsQ0FBQyxLQUFLO1lBQ3pDLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVztZQUM3QixVQUFVLEVBQUUsS0FBSyxDQUFDLEtBQUs7U0FDMUIsQ0FBQyxDQUFDO1FBQ0gsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBSztRQUNmLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ25CLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRztZQUNiLEtBQUssRUFBRSw0QkFBNEIsQ0FBQyxjQUFjO1lBQ2xELFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVztZQUM3QixVQUFVLEVBQUUsS0FBSyxDQUFDLEtBQUs7U0FDMUIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbkIsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHO1lBQ2IsS0FBSyxFQUFFLDRCQUE0QixDQUFDLGFBQWE7WUFDakQsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXO1lBQzdCLFVBQVUsRUFBRSxLQUFLLENBQUMsS0FBSztZQUN2QixTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQjtTQUNuQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsY0FBYyxDQUFDLE9BQWU7UUFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBRS9CLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDM0I7SUFDTCxDQUFDO0lBRUQsU0FBUztRQUNMLElBQ0ksSUFBSSxDQUFDLE1BQU07WUFDWCxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWE7WUFDekIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsV0FBVyxHQUFHLENBQUMsRUFDM0M7WUFDRSxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNaLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQ3BFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUNUO0lBQ0wsQ0FBQzs7QUE1aEJhLDJDQUFjLEdBQUcsaUJBQWtCLENBQUE7QUFDbkMsMENBQWEsR0FBRyxnQkFBaUIsQ0FBQTtBQUNqQyxpQ0FBSSxHQUFHLEtBQU0sQ0FBQTtBQUNiLGtDQUFLLEdBQUcsS0FBTSxDQUFBO3lIQUxuQiw0QkFBNEI7NkdBQTVCLDRCQUE0Qix3MEJDaEV6Qyx5MVJBMkllLDJxN0lEaEdDO1FBQ1IsT0FBTyxDQUFDLFVBQVUsRUFBRTtZQUNoQixLQUFLLENBQ0QsTUFBTSxFQUNOLEtBQUssQ0FBQztnQkFDRixPQUFPLEVBQUUsQ0FBQztnQkFDVixTQUFTLEVBQUUsVUFBVTthQUN4QixDQUFDLENBQ0w7WUFDRCxLQUFLLENBQ0QsTUFBTSxFQUNOLEtBQUssQ0FBQztnQkFDRixPQUFPLEVBQUUsQ0FBQztnQkFDVixTQUFTLEVBQUUsVUFBVTthQUN4QixDQUFDLENBQ0w7WUFDRCxVQUFVLENBQUMsY0FBYyxFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQ3JELFVBQVUsQ0FBQyxjQUFjLEVBQUUsT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1NBQ3ZELENBQUM7S0FDTDsyRkFFUSw0QkFBNEI7a0JBMUJ4QyxTQUFTOytCQUNJLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDUixPQUFPLENBQUMsVUFBVSxFQUFFOzRCQUNoQixLQUFLLENBQ0QsTUFBTSxFQUNOLEtBQUssQ0FBQztnQ0FDRixPQUFPLEVBQUUsQ0FBQztnQ0FDVixTQUFTLEVBQUUsVUFBVTs2QkFDeEIsQ0FBQyxDQUNMOzRCQUNELEtBQUssQ0FDRCxNQUFNLEVBQ04sS0FBSyxDQUFDO2dDQUNGLE9BQU8sRUFBRSxDQUFDO2dDQUNWLFNBQVMsRUFBRSxVQUFVOzZCQUN4QixDQUFDLENBQ0w7NEJBQ0QsVUFBVSxDQUFDLGNBQWMsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzs0QkFDckQsVUFBVSxDQUFDLGNBQWMsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7eUJBQ3ZELENBQUM7cUJBQ0w7Z1FBU1EsR0FBRztzQkFBWCxLQUFLO2dCQUlGLEtBQUs7c0JBRFIsS0FBSztnQkFlRixjQUFjO3NCQURqQixLQUFLO2dCQWdCRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUlGLFNBQVM7c0JBRFosS0FBSztnQkFTRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFJRixZQUFZO3NCQURmLEtBQUs7Z0JBWUcsZUFBZTtzQkFBdkIsS0FBSztnQkFJRixnQkFBZ0I7c0JBRG5CLEtBQUs7Z0JBd0NGLE9BQU87c0JBRFYsS0FBSztnQkFxQkcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQU1OLFdBQVc7c0JBRFYsTUFBTTtnQkFJUCxZQUFZO3NCQURYLE1BQU07Z0JBR2MsTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRO2dCQUNHLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIE9uSW5pdCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgVmlld0NoaWxkLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgUmVuZGVyZXIyLFxuICAgIEFmdGVyVmlld0luaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgICB0cmlnZ2VyLFxuICAgIHN0YXRlLFxuICAgIHN0eWxlLFxuICAgIGFuaW1hdGUsXG4gICAgdHJhbnNpdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1xuICAgIFBlcExheW91dFR5cGUsXG4gICAgUGVwU3R5bGVUeXBlLFxuICAgIFBlcEN1c3RvbWl6YXRpb25TZXJ2aWNlLFxuICAgIFBlcEhvcml6b250YWxBbGlnbm1lbnQsXG4gICAgREVGQVVMVF9IT1JJWk9OVEFMX0FMSUdOTUVOVCxcbiAgICBJUGVwRmllbGRDbGlja0V2ZW50LFxuICAgIFBlcFF1YW50aXR5U2VsZWN0b3JGaWVsZFR5cGUsXG4gICAgUGVwUXVhbnRpdHlTZWxlY3RvckZpZWxkLFxuICAgIFBlcFV0aWxpdGllc1NlcnZpY2UsXG59IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgZnJvbUV2ZW50LCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXF1YW50aXR5LXNlbGVjdG9yJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcXVhbnRpdHktc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3F1YW50aXR5LXNlbGVjdG9yLmNvbXBvbmVudC5zY3NzJywgJy4vcXVhbnRpdHktc2VsZWN0b3IuY29tcG9uZW50LnRoZW1lLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ3Nob3dIaWRlJywgW1xuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgJ3Nob3cnLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMSknLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgJ2hpZGUnLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMCknLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgdHJhbnNpdGlvbignc2hvdyA9PiBoaWRlJywgYW5pbWF0ZSgnMjUwbXMgZWFzZS1vdXQnKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdoaWRlID0+IHNob3cnLCBhbmltYXRlKCcyNTBtcyBlYXNlLWluJykpLFxuICAgICAgICBdKSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBRdWFudGl0eVNlbGVjdG9yQ29tcG9uZW50XG4gICAgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgICBwdWJsaWMgc3RhdGljIEVOVEVSX0NISUxEUkVOID0gJ1tFbnRlckNoaWxkcmVuXSc7XG4gICAgcHVibGljIHN0YXRpYyBFTlRFUl9QQUNLQUdFID0gJ1tFbnRlclBhY2thZ2VdJztcbiAgICBwdWJsaWMgc3RhdGljIFBMVVMgPSAnWytdJztcbiAgICBwdWJsaWMgc3RhdGljIE1JTlVTID0gJ1stXSc7XG5cbiAgICBASW5wdXQoKSBrZXkgPSAnJztcblxuICAgIHByaXZhdGUgX3ZhbHVlID0gbnVsbDtcbiAgICBASW5wdXQoKVxuICAgIHNldCB2YWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIGlmICghdmFsdWUpIHtcbiAgICAgICAgICAgIHZhbHVlID0gJyc7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnNldEZvcm1hdHRlZFZhbHVlKHZhbHVlKTtcbiAgICB9XG4gICAgZ2V0IHZhbHVlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl92YWx1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9mb3JtYXR0ZWRWYWx1ZSA9IG51bGw7XG4gICAgQElucHV0KClcbiAgICBzZXQgZm9ybWF0dGVkVmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgICAgICAvLyBpZiAoIXZhbHVlKSB7XG4gICAgICAgIC8vICAgICB2YWx1ZSA9ICcnO1xuICAgICAgICAvLyB9XG5cbiAgICAgICAgLy8gaWYgKHRoaXMuX2NhbGN1bGF0ZUZvcm1hdHRlZFZhbHVlKSB7XG4gICAgICAgIC8vICAgICB0aGlzLl9jYWxjdWxhdGVGb3JtYXR0ZWRWYWx1ZSA9IGZhbHNlO1xuICAgICAgICAvLyB9XG5cbiAgICAgICAgLy8gdGhpcy5zZXRGb3JtYXR0ZWRWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuICAgIGdldCBmb3JtYXR0ZWRWYWx1ZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fZm9ybWF0dGVkVmFsdWU7XG4gICAgfVxuXG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgICBASW5wdXQoKSB0eXBlOiBQZXBRdWFudGl0eVNlbGVjdG9yRmllbGRUeXBlID0gJ3FzJztcbiAgICBASW5wdXQoKSBtYW5kYXRvcnkgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XG5cbiAgICBwcml2YXRlIF90ZXh0Q29sb3IgPSAnJztcbiAgICBASW5wdXQoKVxuICAgIHNldCB0ZXh0Q29sb3IodmFsdWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLl90ZXh0Q29sb3IgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5pc0NhdXRpb24gPSB2YWx1ZSA9PT0gJyNGRjAwMDAnO1xuICAgIH1cbiAgICBnZXQgdGV4dENvbG9yKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl90ZXh0Q29sb3I7XG4gICAgfVxuXG4gICAgQElucHV0KCkgeEFsaWdubWVudDogUGVwSG9yaXpvbnRhbEFsaWdubWVudCA9IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQ7XG4gICAgQElucHV0KCkgcm93U3BhbiA9IDE7XG4gICAgXG4gICAgcHJpdmF0ZSBfYWxsb3dEZWNpbWFsID0gZmFsc2U7XG4gICAgQElucHV0KCkgXG4gICAgc2V0IGFsbG93RGVjaW1hbCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9hbGxvd0RlY2ltYWwgPSB2YWx1ZTtcblxuICAgICAgICBpZiAodGhpcy52YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5zZXRGb3JtYXR0ZWRWYWx1ZSh0aGlzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgYWxsb3dEZWNpbWFsKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fYWxsb3dEZWNpbWFsO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIGFkZGl0aW9uYWxWYWx1ZSA9ICcnO1xuXG4gICAgcHJpdmF0ZSBfbm90aWZpY2F0aW9uSW5mbzogYW55O1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IG5vdGlmaWNhdGlvbkluZm8odmFsdWU6IGFueSkge1xuICAgICAgICB0aGlzLl9ub3RpZmljYXRpb25JbmZvID0gdmFsdWU7XG5cbiAgICAgICAgY29uc3QgbWVzc2FnZXMgPSB2YWx1ZSAmJiB2YWx1ZSA+IDAgPyBKU09OLnBhcnNlKHZhbHVlKS5NZXNzYWdlcyA6ICcnO1xuICAgICAgICBpZiAobWVzc2FnZXMgJiYgbWVzc2FnZXMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgLy8gUmVwbGFjZSB0aGUgbXNnIGtleXMuXG4gICAgICAgICAgICBmb3IgKGNvbnN0IG1zZyBvZiBtZXNzYWdlcykge1xuICAgICAgICAgICAgICAgIGlmIChtc2cuS2V5ID09PSAnSW52ZW50b3J5X0xpbWl0X01zZycpIHtcbiAgICAgICAgICAgICAgICAgICAgbXNnLktleSA9ICdNRVNTQUdFUy5FUlJPUl9JTlZFTlRPUllfTElNSVQnO1xuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAobXNnLktleSA9PT0gJ0Nhc2VfUXVhbnRpdHlfTGltaXRfTXNnJykge1xuICAgICAgICAgICAgICAgICAgICBtc2cuS2V5ID0gJ01FU1NBR0VTLkVSUk9SX0NBU0VfUVVBTlRJVFlfTElNSVQnO1xuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAobXNnLktleSA9PT0gJ01pbl9RdWFudGl0eV9MaW1pdF9Nc2cnKSB7XG4gICAgICAgICAgICAgICAgICAgIG1zZy5LZXkgPSAnTUVTU0FHRVMuRVJST1JfTUlOX1FVQU5USVRZX0xJTUlUJztcbiAgICAgICAgICAgICAgICB9IGVsc2UgaWYgKG1zZy5LZXkgPT09ICdNYXhfUXVhbnRpdHlfTGltaXRfTXNnJykge1xuICAgICAgICAgICAgICAgICAgICBtc2cuS2V5ID0gJ01FU1NBR0VTLkVSUk9SX01BWF9RVUFOVElUWV9MSU1JVCc7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aGlzLm1lc3NhZ2VzID0gbWVzc2FnZXM7XG5cbiAgICAgICAgICAgIGNvbnN0IGZpZWxkQ29udHJvbCA9IHRoaXMuZm9ybS5jb250cm9sc1t0aGlzLmtleV07XG4gICAgICAgICAgICBmaWVsZENvbnRyb2wuc2V0RXJyb3JzKHtcbiAgICAgICAgICAgICAgICBzZXJ2ZXJFcnJvcjogJ0Vycm9yJyxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICB0aGlzLnNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3cgPSBudWxsO1xuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMuUVNJbnB1dCAmJiB0aGlzLlFTSW5wdXQubmF0aXZlRWxlbWVudCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLlFTSW5wdXQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sIDE1MCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IG5vdGlmaWNhdGlvbkluZm8oKTogYW55IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX25vdGlmaWNhdGlvbkluZm87XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfdmlzaWJsZSA9IHRydWU7XG4gICAgQElucHV0KClcbiAgICBzZXQgdmlzaWJsZSh2aXNpYmxlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX3Zpc2libGUgPSB2aXNpYmxlO1xuICAgICAgICBpZiAodmlzaWJsZSkge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGlkZGVuLWVsZW1lbnQnXG4gICAgICAgICAgICApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGlkZGVuLWVsZW1lbnQnXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCB2aXNpYmxlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmlzaWJsZTtcbiAgICB9XG5cbiAgICBjb250cm9sVHlwZSA9ICdxcyc7XG5cbiAgICBASW5wdXQoKSBmb3JtOiBGb3JtR3JvdXAgPSBudWxsO1xuICAgIEBJbnB1dCgpIHNob3dUaXRsZSA9IHRydWU7XG4gICAgQElucHV0KCkgcmVuZGVyVGl0bGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIGxheW91dFR5cGU6IFBlcExheW91dFR5cGUgPSAnZm9ybSc7XG4gICAgQElucHV0KCkgaXNBY3RpdmUgPSBmYWxzZTtcblxuICAgIC8vIEdldCBkZWZhdWx0IHN0eWxlIGZyb20gdGhlbWUuXG4gICAgQElucHV0KClcbiAgICBzdHlsZVR5cGU6IFBlcFN0eWxlVHlwZSA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zdHlsZS5nZXRQcm9wZXJ0eVZhbHVlKFxuICAgICAgICBQZXBDdXN0b21pemF0aW9uU2VydmljZS5TVFlMRV9RU19LRVlcbiAgICApIGFzIFBlcFN0eWxlVHlwZTsgLy8nc3Ryb25nJztcblxuICAgIEBPdXRwdXQoKVxuICAgIHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgQE91dHB1dCgpXG4gICAgZWxlbWVudENsaWNrOiBFdmVudEVtaXR0ZXI8SVBlcEZpZWxkQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPElQZXBGaWVsZENsaWNrRXZlbnQ+KCk7XG5cbiAgICBAVmlld0NoaWxkKCdRU0NvbnQnKSBRU0NvbnQ6IEVsZW1lbnRSZWY7XG4gICAgQFZpZXdDaGlsZCgnUVNJbnB1dCcpIFFTSW5wdXQ6IEVsZW1lbnRSZWY7XG5cbiAgICBwcml2YXRlIF9jYWxjdWxhdGVGb3JtYXR0ZWRWYWx1ZSA9IHRydWU7XG4gICAgZ2V0IGNhbGN1bGF0ZUZvcm1hdHRlZFZhbHVlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fY2FsY3VsYXRlRm9ybWF0dGVkVmFsdWU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByZWFkb25seSBfZGVzdHJveWVkOiBTdWJqZWN0PHZvaWQ+O1xuICAgIHByaXZhdGUgcXNXaWR0aFN1YmplY3Q6IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+O1xuICAgIGxhc3RRc0NvbnRDbGllbnRXaWR0aCA9IDA7XG4gICAgc2hvd1FzQnRuID0gdHJ1ZTtcblxuICAgIHN0YW5kQWxvbmUgPSBmYWxzZTtcbiAgICBpc0luRm9jdXMgPSBmYWxzZTtcbiAgICBpc01hdHJpeEZvY3VzID0gZmFsc2U7XG5cbiAgICBpc0NhdXRpb24gPSBmYWxzZTtcbiAgICBtZXNzYWdlczogQXJyYXk8YW55PiA9IG51bGw7XG5cbiAgICBzYW1lRWxlbWVudEluVGhlV2FudGVkUm93ID0gbnVsbDtcblxuICAgIGlzRW1wdHlLZXkgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgICAgcHJpdmF0ZSBjdXN0b21pemF0aW9uU2VydmljZTogUGVwQ3VzdG9taXphdGlvblNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgcHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSB1dGlsaXRpZXNTZXJ2aWNlOiBQZXBVdGlsaXRpZXNTZXJ2aWNlXG4gICAgKSB7XG4gICAgICAgIHRoaXMuX2Rlc3Ryb3llZCA9IG5ldyBTdWJqZWN0KCk7XG4gICAgICAgIHRoaXMucXNXaWR0aFN1YmplY3QgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KDApO1xuICAgIH1cblxuICAgIHNldEZvcm0oKSB7XG4gICAgICAgIGNvbnN0IHBlcEZpZWxkID0gbmV3IFBlcFF1YW50aXR5U2VsZWN0b3JGaWVsZCh7XG4gICAgICAgICAgICBrZXk6IHRoaXMua2V5LFxuICAgICAgICAgICAgdmFsdWU6IHRoaXMudmFsdWUsXG4gICAgICAgICAgICBtYW5kYXRvcnk6IHRoaXMubWFuZGF0b3J5LFxuICAgICAgICAgICAgcmVhZG9ubHk6IHRoaXMucmVhZG9ubHksXG4gICAgICAgICAgICBkaXNhYmxlZDogdGhpcy5kaXNhYmxlZCxcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZm9ybSA9IHRoaXMuY3VzdG9taXphdGlvblNlcnZpY2UuZ2V0RGVmYXVsdEZyb21Hcm91cChwZXBGaWVsZCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRGb3JtYXR0ZWRWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIGlmICh0aGlzLl9jYWxjdWxhdGVGb3JtYXR0ZWRWYWx1ZSkge1xuICAgICAgICAgICAgaWYgKHRoaXMuYWxsb3dEZWNpbWFsKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5fZm9ybWF0dGVkVmFsdWUgPSB0aGlzLnV0aWxpdGllc1NlcnZpY2UuZm9ybWF0RGVjaW1hbCh2YWx1ZSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuX2Zvcm1hdHRlZFZhbHVlID0gdGhpcy51dGlsaXRpZXNTZXJ2aWNlLmZvcm1hdE51bWJlcih2YWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9mb3JtYXR0ZWRWYWx1ZSA9IHZhbHVlO1xuICAgICAgICB9XG4gICAgICAgIFxuICAgICAgICB0aGlzLnVwZGF0ZUZvcm1GaWVsZFZhbHVlKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVGb3JtRmllbGRWYWx1ZSgpIHtcbiAgICAgICAgdGhpcy5jdXN0b21pemF0aW9uU2VydmljZS51cGRhdGVGb3JtRmllbGRWYWx1ZShcbiAgICAgICAgICAgIHRoaXMuZm9ybSxcbiAgICAgICAgICAgIHRoaXMua2V5LFxuICAgICAgICAgICAgdGhpcy5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICApO1xuICAgIH1cblxuICAgIGdldCBkaXNwbGF5VmFsdWUoKTogc3RyaW5nIHtcbiAgICAgICAgY29uc3QgcmVzID0gdGhpcy5pc0luRm9jdXNcbiAgICAgICAgICAgID8gcGFyc2VGbG9hdCh0aGlzLnZhbHVlKS50b1N0cmluZygpXG4gICAgICAgICAgICA6IHRoaXMuZm9ybWF0dGVkVmFsdWU7XG4gICAgICAgIHJldHVybiByZXM7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldERlc3Ryb3llcigpIHtcbiAgICAgICAgcmV0dXJuIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95ZWQpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5mb3JtID09PSBudWxsKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5rZXkgPT09ICcnKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0VtcHR5S2V5ID0gdHJ1ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5zdGFuZEFsb25lID0gdHJ1ZTtcbiAgICAgICAgICAgIHRoaXMuc2V0Rm9ybSgpO1xuXG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKFxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgICAgIFBlcEN1c3RvbWl6YXRpb25TZXJ2aWNlLlNUQU5EX0FMT05FX0ZJRUxEX0NMQVNTX05BTUVcbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgIGlmICghdGhpcy5yZW5kZXJUaXRsZSkge1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgICAgICAgICBQZXBDdXN0b21pemF0aW9uU2VydmljZS5TVEFORF9BTE9ORV9GSUVMRF9OT19TUEFDSU5HX0NMQVNTX05BTUVcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5xc1dpZHRoU3ViamVjdFxuICAgICAgICAgICAgLmFzT2JzZXJ2YWJsZSgpXG4gICAgICAgICAgICAucGlwZSh0aGlzLmdldERlc3Ryb3llcigpLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgocXNXaWR0aDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXR1cFFzQnV0dG9ucyhxc1dpZHRoKTtcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMudXBkYXRlRm9ybUZpZWxkVmFsdWUoKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdDaGVja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNldFFzVmlldygpO1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IGFueSk6IHZvaWQge1xuICAgICAgICAvLyBCdWcgZml4IGZvciBhZGRvbnMgd2hlbiB0aGUga2V5IGlzICcnIGluIHRoZSBuZ09uSW5pdCBmb3Igc29tZSByZXNvblxuICAgICAgICBpZiAodGhpcy5pc0VtcHR5S2V5ICYmIHRoaXMua2V5ICE9PSAnJykge1xuICAgICAgICAgICAgdGhpcy5zZXRGb3JtKCk7XG4gICAgICAgIH1cblxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZm9jdXNUb1RoZVNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3coKTtcbiAgICAgICAgfSwgMTUwKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZGVzdHJveWVkLm5leHQoKTtcbiAgICAgICAgdGhpcy5fZGVzdHJveWVkLmNvbXBsZXRlKCk7XG4gICAgfVxuXG4gICAgZ2V0IGdldEFkZGl0aW9uYWxWYWx1ZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5hZGRpdGlvbmFsVmFsdWUubGVuZ3RoID4gMCA/ICdzaG93JyA6ICdoaWRlJztcbiAgICB9XG5cbiAgICBnZXRQYXJlbnRCeUNsYXNzKGVsLCBwYXJlbnRTZWxlY3RvciAvKiBvcHRpb25hbCAqLyk6IGFueSB7XG4gICAgICAgIC8vIElmIG5vIHBhcmVudFNlbGVjdG9yIGRlZmluZWQgd2lsbCBidWJibGUgdXAgYWxsIHRoZSB3YXkgdG8gKmRvY3VtZW50KlxuICAgICAgICBpZiAocGFyZW50U2VsZWN0b3IgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgcGFyZW50U2VsZWN0b3IgPSBkb2N1bWVudDtcbiAgICAgICAgfVxuXG4gICAgICAgIGxldCBwID0gZWwucGFyZW50Tm9kZTtcblxuICAgICAgICB3aGlsZSAoXG4gICAgICAgICAgICBwICYmXG4gICAgICAgICAgICAhcD8uY2xhc3NMaXN0Py5jb250YWlucyhwYXJlbnRTZWxlY3RvcikgJiZcbiAgICAgICAgICAgIHBhcmVudFNlbGVjdG9yICE9PSBkb2N1bWVudFxuICAgICAgICApIHtcbiAgICAgICAgICAgIGNvbnN0IG8gPSBwO1xuICAgICAgICAgICAgcCA9IG8/LnBhcmVudE5vZGUgfHwgbnVsbDtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBwPy5jbGFzc05hbWUuaW5kZXhPZihwYXJlbnRTZWxlY3RvcikgPiAtMSA/IHAgOiBudWxsO1xuICAgIH1cblxuICAgIGdldFNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3dCeUNsYXNzTmFtZShldmVudDogYW55LCBpc05leHQgPSB0cnVlKTogYW55IHtcbiAgICAgICAgY29uc3QgZXZlbnRUYXJnZXQgPSBldmVudC50YXJnZXQgfHwgZXZlbnQuc3JjRWxlbWVudDtcbiAgICAgICAgbGV0IHNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3dCeUNsYXNzTmFtZTtcblxuICAgICAgICBsZXQgcGFyZW50U2VsZWN0b3I7XG4gICAgICAgIGlmICh0aGlzLmxheW91dFR5cGUgPT09ICd0YWJsZScpIHtcbiAgICAgICAgICAgIHBhcmVudFNlbGVjdG9yID0gdGhpcy5nZXRQYXJlbnRCeUNsYXNzKGV2ZW50VGFyZ2V0LCAndGFibGUtcm93Jyk7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5sYXlvdXRUeXBlID09PSAnY2FyZCcpIHtcbiAgICAgICAgICAgIHBhcmVudFNlbGVjdG9yID0gdGhpcy5nZXRQYXJlbnRCeUNsYXNzKGV2ZW50VGFyZ2V0LCAnY2FyZC12aWV3Jyk7XG4gICAgICAgICAgICBpZiAoIXBhcmVudFNlbGVjdG9yKSB7XG4gICAgICAgICAgICAgICAgcGFyZW50U2VsZWN0b3IgPSB0aGlzLmdldFBhcmVudEJ5Q2xhc3MoXG4gICAgICAgICAgICAgICAgICAgIGV2ZW50VGFyZ2V0LFxuICAgICAgICAgICAgICAgICAgICAnbGluZS12aWV3J1xuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoXG4gICAgICAgICAgICBwYXJlbnRTZWxlY3Rvci5uZXh0RWxlbWVudFNpYmxpbmcgPT09IG51bGwgJiZcbiAgICAgICAgICAgIHBhcmVudFNlbGVjdG9yLnByZXZpb3VzRWxlbWVudFNpYmxpbmcgPT09IG51bGxcbiAgICAgICAgKSB7XG4gICAgICAgICAgICBzYW1lRWxlbWVudEluVGhlV2FudGVkUm93QnlDbGFzc05hbWUgPSBudWxsO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgaWYgKGlzTmV4dCkge1xuICAgICAgICAgICAgICAgIGlmIChwYXJlbnRTZWxlY3Rvci5uZXh0RWxlbWVudFNpYmxpbmcgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICAgICAgc2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvd0J5Q2xhc3NOYW1lID0gcGFyZW50U2VsZWN0b3IucGFyZW50RWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKFxuICAgICAgICAgICAgICAgICAgICAgICAgJ1tuYW1lPScgKyB0aGlzLmtleSArICddJ1xuICAgICAgICAgICAgICAgICAgICApWzBdO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3dCeUNsYXNzTmFtZSA9IHBhcmVudFNlbGVjdG9yLm5leHRFbGVtZW50U2libGluZy5xdWVyeVNlbGVjdG9yQWxsKFxuICAgICAgICAgICAgICAgICAgICAgICAgJ1tuYW1lPScgKyB0aGlzLmtleSArICddJ1xuICAgICAgICAgICAgICAgICAgICApWzBdO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgaWYgKHBhcmVudFNlbGVjdG9yLnByZXZpb3VzRWxlbWVudFNpYmxpbmcgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZWxlbWVudHNMaXN0ID0gcGFyZW50U2VsZWN0b3IucGFyZW50RWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKFxuICAgICAgICAgICAgICAgICAgICAgICAgJ1tuYW1lPScgKyB0aGlzLmtleSArICddJ1xuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICBzYW1lRWxlbWVudEluVGhlV2FudGVkUm93QnlDbGFzc05hbWUgPVxuICAgICAgICAgICAgICAgICAgICAgICAgZWxlbWVudHNMaXN0W2VsZW1lbnRzTGlzdC5sZW5ndGggLSAxXTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICBzYW1lRWxlbWVudEluVGhlV2FudGVkUm93QnlDbGFzc05hbWUgPSBwYXJlbnRTZWxlY3Rvci5wcmV2aW91c0VsZW1lbnRTaWJsaW5nLnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICAgICAgICAgICAgICAgICAnW25hbWU9JyArIHRoaXMua2V5ICsgJ10nXG4gICAgICAgICAgICAgICAgICAgIClbMF07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3dCeUNsYXNzTmFtZTtcbiAgICB9XG5cbiAgICBzZXRTYW1lRWxlbWVudEluVGhlV2FudGVkUm93KGV2ZW50OiBhbnksIGlzTmV4dCA9IHRydWUpOiB2b2lkIHtcbiAgICAgICAgLy8gTmF2aWdhdGUgdG8gdGhlIFFTIGluIHRoZSBuZXh0IHJvdy5cbiAgICAgICAgaWYgKHRoaXMubGF5b3V0VHlwZSA9PT0gJ2NhcmQnIHx8IHRoaXMubGF5b3V0VHlwZSA9PT0gJ3RhYmxlJykge1xuICAgICAgICAgICAgdGhpcy5zYW1lRWxlbWVudEluVGhlV2FudGVkUm93ID0gdGhpcy5nZXRTYW1lRWxlbWVudEluVGhlV2FudGVkUm93QnlDbGFzc05hbWUoXG4gICAgICAgICAgICAgICAgZXZlbnQsXG4gICAgICAgICAgICAgICAgaXNOZXh0XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5RU0lucHV0Lm5hdGl2ZUVsZW1lbnQuYmx1cigpO1xuICAgIH1cblxuICAgIGZvY3VzVG9UaGVTYW1lRWxlbWVudEluVGhlV2FudGVkUm93KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5zYW1lRWxlbWVudEluVGhlV2FudGVkUm93KSB7XG4gICAgICAgICAgICBjb25zdCBlbGVtID0gdGhpcy5zYW1lRWxlbWVudEluVGhlV2FudGVkUm93O1xuICAgICAgICAgICAgLy8gSWYgdGhpcyBpcyByZWd1bGFyIGl0ZW0gKHFzIGFuZCBub3QgYnV0dG9uKSAuXG4gICAgICAgICAgICBpZiAoZWxlbSBpbnN0YW5jZW9mIEhUTUxJbnB1dEVsZW1lbnQgJiYgZWxlbS50eXBlID09PSAndGV4dCcpIHtcbiAgICAgICAgICAgICAgICBlbGVtLmNsaWNrKCk7XG4gICAgICAgICAgICAgICAgZWxlbS5zZWxlY3QoKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgY29uc3QgcGFyZW50RWxlbSA9IGVsZW0ucGFyZW50Tm9kZTtcbiAgICAgICAgICAgICAgICBwYXJlbnRFbGVtLmNsaWNrKCk7XG4gICAgICAgICAgICAgICAgZWxlbS5mb2N1cygpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGhpcy5zYW1lRWxlbWVudEluVGhlV2FudGVkUm93ID0gbnVsbDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGNsZWFuRXJyb3IoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGZpZWxkQ29udHJvbCA9IHRoaXMuZm9ybS5jb250cm9sc1t0aGlzLmtleV07XG5cbiAgICAgICAgLy8gQ2xlYW4gdGhlIGVycm9yIG1lc3NhZ2VcbiAgICAgICAgaWYgKHRoaXMubWVzc2FnZXMgJiYgdGhpcy5tZXNzYWdlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICB0aGlzLm1lc3NhZ2VzID0gdGhpcy5ub3RpZmljYXRpb25JbmZvID0gbnVsbDtcbiAgICAgICAgICAgIGZpZWxkQ29udHJvbC5zZXRFcnJvcnMobnVsbCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbk1hdHJpeE1vdXNlRW50ZXIoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzTWF0cml4Rm9jdXMgPSB0cnVlO1xuICAgIH1cblxuICAgIG9uTWF0cml4TW91c2VsZWF2ZShldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNNYXRyaXhGb2N1cyA9IGZhbHNlO1xuICAgIH1cblxuICAgIG9uTWF0cml4Q2xpY2soZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzSW5Gb2N1cyA9IHRydWU7XG5cbiAgICAgICAgaWYgKHRoaXMuUVNJbnB1dCAmJiB0aGlzLlFTSW5wdXQubmF0aXZlRWxlbWVudCkge1xuICAgICAgICAgICAgdGhpcy5RU0lucHV0Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTWF0cml4Qmx1cihldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAgICFldmVudC5yZWxhdGVkVGFyZ2V0IHx8XG4gICAgICAgICAgICBldmVudC5yZWxhdGVkVGFyZ2V0LmNsYXNzTmFtZS5pbmRleE9mKCdxcycpIDwgMFxuICAgICAgICApIHtcbiAgICAgICAgICAgIHRoaXMuaXNNYXRyaXhGb2N1cyA9IGZhbHNlO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5vbkJsdXIoZXZlbnQpO1xuICAgIH1cblxuICAgIG9uRm9jdXMoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzSW5Gb2N1cyA9IHRydWU7XG4gICAgfVxuXG4gICAgaXNEaWZmZXJlbnRWYWx1ZSh2YWx1ZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgICAgIGxldCByZXMgPSBmYWxzZTtcblxuICAgICAgICBjb25zdCBjdXJyZW50VmFsdWUgPSB0aGlzLnV0aWxpdGllc1NlcnZpY2UuY29lcmNlTnVtYmVyUHJvcGVydHkoXG4gICAgICAgICAgICB0aGlzLnZhbHVlXG4gICAgICAgICk7XG4gICAgICAgIGNvbnN0IG5ld1ZhbHVlID0gdGhpcy51dGlsaXRpZXNTZXJ2aWNlLmNvZXJjZU51bWJlclByb3BlcnR5KHZhbHVlKTtcblxuICAgICAgICByZXMgPSBjdXJyZW50VmFsdWUgIT09IG5ld1ZhbHVlO1xuXG4gICAgICAgIHJldHVybiByZXM7XG4gICAgfVxuXG4gICAgb25CbHVyKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0luRm9jdXMgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jbGVhbkVycm9yKCk7XG4gICAgICAgIGNvbnN0IHZhbHVlID0gZXZlbnQudGFyZ2V0ID8gZXZlbnQudGFyZ2V0LnZhbHVlIDogZXZlbnQ7XG5cbiAgICAgICAgaWYgKHZhbHVlICE9PSB0aGlzLnZhbHVlICYmIHRoaXMuaXNEaWZmZXJlbnRWYWx1ZSh2YWx1ZSkpIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcblxuICAgICAgICAgICAgLy8gLy8gSWYgdGhlIHVzZXIgaXMgc2V0dGluZyB0aGUgZm9ybWF0dGVkIHZhbHVlIHRoZW4gc2V0IHRoZSB2YWx1ZSB0aWxsIHRoZSB1c2VyIGZvcm1hdCBpdCBhbmQgcmV0dXJuIGl0IGJhY2suXG4gICAgICAgICAgICAvLyBpZiAoIXRoaXMuX2NhbGN1bGF0ZUZvcm1hdHRlZFZhbHVlKSB7XG4gICAgICAgICAgICAvLyAgICAgdGhpcy5fZm9ybWF0dGVkVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgIC8vIH1cblxuICAgICAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5mb2N1c1RvVGhlU2FtZUVsZW1lbnRJblRoZVdhbnRlZFJvdygpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25LZXlkb3duKGV2ZW50KTogYW55IHtcbiAgICAgICAgY29uc3Qga2V5Ym9hcmRFdmVudCA9IGV2ZW50IGFzIEtleWJvYXJkRXZlbnQ7XG5cbiAgICAgICAgaWYgKGtleWJvYXJkRXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICB0aGlzLnNldFNhbWVFbGVtZW50SW5UaGVXYW50ZWRSb3coXG4gICAgICAgICAgICAgICAga2V5Ym9hcmRFdmVudCxcbiAgICAgICAgICAgICAgICAha2V5Ym9hcmRFdmVudC5zaGlmdEtleVxuICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgaW5jcmVtZW50KGV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnN0YW5kQWxvbmUpIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLnV0aWxpdGllc1NlcnZpY2UuaW5jcmVtZW50TnVtYmVyKHRoaXMudmFsdWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5lbGVtZW50Q2xpY2suZW1pdCh7XG4gICAgICAgICAgICBrZXk6IHRoaXMua2V5LFxuICAgICAgICAgICAgdmFsdWU6IFBlcFF1YW50aXR5U2VsZWN0b3JDb21wb25lbnQuUExVUyxcbiAgICAgICAgICAgIGNvbnRyb2xUeXBlOiB0aGlzLmNvbnRyb2xUeXBlLFxuICAgICAgICAgICAgZXZlbnRXaGljaDogZXZlbnQud2hpY2gsXG4gICAgICAgIH0pO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBkZWNyZW1lbnQoZXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuc3RhbmRBbG9uZSkge1xuICAgICAgICAgICAgdGhpcy52YWx1ZSA9IHRoaXMudXRpbGl0aWVzU2VydmljZS5kZWNyZW1lbnROdW1iZXIodGhpcy52YWx1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmVsZW1lbnRDbGljay5lbWl0KHtcbiAgICAgICAgICAgIGtleTogdGhpcy5rZXksXG4gICAgICAgICAgICB2YWx1ZTogUGVwUXVhbnRpdHlTZWxlY3RvckNvbXBvbmVudC5NSU5VUyxcbiAgICAgICAgICAgIGNvbnRyb2xUeXBlOiB0aGlzLmNvbnRyb2xUeXBlLFxuICAgICAgICAgICAgZXZlbnRXaGljaDogZXZlbnQud2hpY2gsXG4gICAgICAgIH0pO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBlbnRlckNoaWxkcmVuKGV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWxlbWVudENsaWNrLmVtaXQoe1xuICAgICAgICAgICAga2V5OiB0aGlzLmtleSxcbiAgICAgICAgICAgIHZhbHVlOiBQZXBRdWFudGl0eVNlbGVjdG9yQ29tcG9uZW50LkVOVEVSX0NISUxEUkVOLFxuICAgICAgICAgICAgY29udHJvbFR5cGU6IHRoaXMuY29udHJvbFR5cGUsXG4gICAgICAgICAgICBldmVudFdoaWNoOiBldmVudC53aGljaCxcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZW50ZXJQYWNrYWdlKGV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWxlbWVudENsaWNrLmVtaXQoe1xuICAgICAgICAgICAga2V5OiB0aGlzLmtleSxcbiAgICAgICAgICAgIHZhbHVlOiBQZXBRdWFudGl0eVNlbGVjdG9yQ29tcG9uZW50LkVOVEVSX1BBQ0tBR0UsXG4gICAgICAgICAgICBjb250cm9sVHlwZTogdGhpcy5jb250cm9sVHlwZSxcbiAgICAgICAgICAgIGV2ZW50V2hpY2g6IGV2ZW50LndoaWNoLFxuICAgICAgICAgICAgb3RoZXJEYXRhOiB0aGlzLm5vdGlmaWNhdGlvbkluZm8sXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHNldHVwUXNCdXR0b25zKHFzV2lkdGg6IG51bWJlcikge1xuICAgICAgICB0aGlzLnNob3dRc0J0biA9IHFzV2lkdGggPiAxMjA7XG5cbiAgICAgICAgaWYgKCF0aGlzLmNkWydkZXN0cm95ZWQnXSkge1xuICAgICAgICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBzZXRRc1ZpZXcoKTogdm9pZCB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAgIHRoaXMuUVNDb250ICYmXG4gICAgICAgICAgICB0aGlzLlFTQ29udC5uYXRpdmVFbGVtZW50ICYmXG4gICAgICAgICAgICB0aGlzLlFTQ29udC5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoID4gMFxuICAgICAgICApIHtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMucXNXaWR0aFN1YmplY3QubmV4dCh0aGlzLlFTQ29udC5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoKTtcbiAgICAgICAgICAgIH0sIDApO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbZm9ybUdyb3VwXT1cImZvcm1cIj5cbiAgICA8bmctdGVtcGxhdGUgI3BlcFRlbXBsYXRlPlxuICAgICAgICA8ZGl2ICNRU0NvbnQgY2xhc3M9XCJwZXAtcXVhbnRpdHktc2VsZWN0b3ItY29udGFpbmVyIHt7IHN0eWxlVHlwZSB9fVwiIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAnaGlkZS1xcy1hY3Rpb25zJyA6IGxheW91dFR5cGUgPT09ICdjYXJkJyAmJiByb3dTcGFuIDw9IDEsXG4gICAgICAgICAgICAgICAgJ3BlcC10YWJsZS1xdWFudGl0eS1zZWxlY3Rvcic6IGxheW91dFR5cGUgPT09ICd0YWJsZScsXG4gICAgICAgICAgICAgICAgJ29uZS1yb3cnOiByb3dTcGFuID09PSAxLFxuICAgICAgICAgICAgICAgIGNhdXRpb246IGlzQ2F1dGlvbixcbiAgICAgICAgICAgICAgICAnbWF0cml4LXFzJzogdHlwZSA9PT0gJ3FzRm9yTWF0cml4JyxcbiAgICAgICAgICAgICAgICAnemVyby1xdWFudGl0eSc6IGZvcm1hdHRlZFZhbHVlID09PSAnMCdcbiAgICAgICAgICAgIH1cIj5cbiAgICAgICAgICAgIDxwZXAtZmllbGQtdGl0bGUgKm5nSWY9XCJyZW5kZXJUaXRsZSAmJiBsYXlvdXRUeXBlICE9PSAndGFibGUnICYmIGxheW91dFR5cGUgIT09ICdjYXJkJ1wiIFtsYWJlbF09XCJsYWJlbFwiXG4gICAgICAgICAgICAgICAgW21hbmRhdG9yeV09XCJtYW5kYXRvcnlcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbc2hvd1RpdGxlXT1cInNob3dUaXRsZVwiIFt4QWxpZ25tZW50XT1cInhBbGlnbm1lbnRcIj5cbiAgICAgICAgICAgIDwvcGVwLWZpZWxkLXRpdGxlPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PSAncXMnXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJlYWRvbmx5OyB0aGVuIHJlYWRvbmx5QmxvY2s7IGVsc2UgZWRpdGFibGVRU0Jsb2NrXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNyZWFkb25seUJsb2NrPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIFtpZF09XCJrZXlcIiBtYXQtYnV0dG9uIGNsYXNzPVwicGVwLWJ1dHRvbiB7eyBzdHlsZVR5cGUgfX0gZGlzYWJsZSBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie2NhdXRpb246IGlzQ2F1dGlvbiwgbWQ6IHJvd1NwYW4gIT09IDEsIHhzOiByb3dTcGFuID09PSAxfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0aXRsZT1cInt7IGZvcm1hdHRlZFZhbHVlIH19XCIgZGlzYWJsZWQ9XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImVsbGlwc2lzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgZm9ybWF0dGVkVmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI2VkaXRhYmxlUVNCbG9jaz5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgcGVwUXNWYWxpZGF0aW9uIFthbGxvd0RlY2ltYWxdPVwiYWxsb3dEZWNpbWFsXCIgdHlwZT1cImRlY2ltYWxOdW1iZXJcIiBpbnB1dG1vZGU9XCJkZWNpbWFsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXRJbnB1dCAjUVNJbnB1dCBuYW1lPVwie3sga2V5IH19XCIgY2xhc3M9XCJib2R5LWxnIGVsbGlwc2lzXCIgdGl0bGU9XCJ7eyBmb3JtYXR0ZWRWYWx1ZSB9fVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCIgW2lkXT1cImtleVwiIFtmb3JtQ29udHJvbE5hbWVdPVwia2V5XCIgW3ZhbHVlXT1cImRpc3BsYXlWYWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIiRldmVudC50YXJnZXQuc2V0U2VsZWN0aW9uUmFuZ2UoMCwgOTk5KVwiIChrZXlkb3duKT1cIm9uS2V5ZG93bigkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiIChmb2N1cyk9XCJvbkZvY3VzKCRldmVudClcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cInNob3dRc0J0blwiIG1hdC1idXR0b24gbWF0UHJlZml4IChjbGljayk9XCJkZWNyZW1lbnQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJwZXAtYnV0dG9uIGljb24tYnV0dG9uIHNtIHdlYWsgcXMtYWN0aW9uXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW25nQ2xhc3NdPVwieyBkaXNhYmxlOiBkaXNhYmxlZCwgY2F1dGlvbjogaXNDYXV0aW9uICYmIHN0eWxlVHlwZSAhPT0gJ3N0cm9uZycsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdrZWVwLWJhY2tncm91bmQtb24tZm9jdXMnOiBzdHlsZVR5cGUgPT09ICdzdHJvbmcnfVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBlcC1pY29uIG5hbWU9XCJudW1iZXJfbWludXNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wZXAtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwic2hvd1FzQnRuXCIgbWF0LWJ1dHRvbiBtYXRTdWZmaXggKGNsaWNrKT1cImluY3JlbWVudCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInBlcC1idXR0b24gaWNvbi1idXR0b24gc20gd2VhayBxcy1hY3Rpb25cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbbmdDbGFzc109XCJ7IGRpc2FibGU6IGRpc2FibGVkLCBjYXV0aW9uOiBpc0NhdXRpb24gJiYgc3R5bGVUeXBlICE9PSAnc3Ryb25nJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2tlZXAtYmFja2dyb3VuZC1vbi1mb2N1cyc6IHN0eWxlVHlwZSA9PT0gJ3N0cm9uZyd9XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGVwLWljb24gbmFtZT1cIm51bWJlcl9wbHVzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcGVwLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1lcnJvciAqbmdJZj1cIm1lc3NhZ2VzPy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJxcy1lcnJvciBib2R5LXhzXCIgKm5nRm9yPVwibGV0IG1zZyBvZiBtZXNzYWdlc1wiPiB7eyBtc2cuS2V5IHwgdHJhbnNsYXRlIH19IDpcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgbXNnLlZhbHVlIH19IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT0gJ3FzRm9yTWF0cml4J1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJyZWFkb25seTsgdGhlbiByZWFkb25seUJsb2NrOyBlbHNlIGVkaXRhYmxlUVNCbG9ja1wiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjcmVhZG9ubHlCbG9jaz5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBbaWRdPVwia2V5XCIgbWF0LWJ1dHRvbiBjbGFzcz1cInBlcC1idXR0b24ge3sgc3R5bGVUeXBlIH19IGRpc2FibGVcIiBkaXNhYmxlZD1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie2NhdXRpb246IGlzQ2F1dGlvbiwgbWQ6IHJvd1NwYW4gIT09IDEsIHhzOiByb3dTcGFuID09PSAxfVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgWFxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZWRpdGFibGVRU0Jsb2NrPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cIiB4QWxpZ25tZW50PT0ncmlnaHQnXCIgY2xhc3M9XCIgYm9keS1zbSBhZGRpdGlvbmFsLXZhbHVlIHByZWZpeFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXRCYWRnZT1cInt7IGFkZGl0aW9uYWxWYWx1ZSB9fVwiIG1hdEJhZGdlUG9zaXRpb249XCJiZWZvcmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgbWF0QmFkZ2VTaXplPVwicm93U3BhbiA9PT0gMSA/IHNtYWxsIDogbWVkaXVtXCIgW0BzaG93SGlkZV09XCJnZXRBZGRpdGlvbmFsVmFsdWVcIj48L3NwYW4+XG5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgKG1vdXNlbGVhdmUpPVwiIWlzSW5Gb2N1cyA/IG9uTWF0cml4TW91c2VsZWF2ZSgkZXZlbnQpIDogbnVsbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHBlcFFzVmFsaWRhdGlvbiBbYWxsb3dEZWNpbWFsXT1cImFsbG93RGVjaW1hbFwiIHR5cGU9XCJkZWNpbWFsTnVtYmVyXCIgaW5wdXRtb2RlPVwiZGVjaW1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF0SW5wdXQgI1FTSW5wdXQgbmFtZT1cInt7IGtleSB9fVwiIHRpdGxlPVwie3sgZm9ybWF0dGVkVmFsdWUgfX1cIiBjbGFzcz1cImJvZHktc20gZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFtpZF09XCJrZXlcIiBbZm9ybUNvbnRyb2xOYW1lXT1cImtleVwiIFt2YWx1ZV09XCJkaXNwbGF5VmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbk1hdHJpeENsaWNrKCRldmVudCk7ICRldmVudC50YXJnZXQuc2V0U2VsZWN0aW9uUmFuZ2UoMCwgOTk5KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGtleWRvd24pPVwib25LZXlkb3duKCRldmVudClcIiAoYmx1cik9XCJvbk1hdHJpeEJsdXIoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGZvY3VzKT1cIm9uTWF0cml4TW91c2VFbnRlcigkZXZlbnQpOyBvbkZvY3VzKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChtb3VzZWVudGVyKT1cIm9uTWF0cml4TW91c2VFbnRlcigkZXZlbnQpXCIgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1lcnJvciAqbmdJZj1cIm1lc3NhZ2VzPy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJxcy1lcnJvciBib2R5LXhzXCIgKm5nRm9yPVwibGV0IG1zZyBvZiBtZXNzYWdlc1wiPiB7eyBtc2cuS2V5IHwgdHJhbnNsYXRlIH19IDpcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgbXNnLlZhbHVlIH19IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwieEFsaWdubWVudCAhPSAncmlnaHQnXCIgY2xhc3M9XCJib2R5LXNtIGFkZGl0aW9uYWwtdmFsdWUgc3VmZml4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hdEJhZGdlPVwie3sgYWRkaXRpb25hbFZhbHVlIH19XCIgbWF0QmFkZ2VQb3NpdGlvbj1cImJlZm9yZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXRCYWRnZVNpemU9XCJyb3dTcGFuID09PSAxID8gc21hbGwgOiBtZWRpdW1cIiBbQHNob3dIaWRlXT1cImdldEFkZGl0aW9uYWxWYWx1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlID09ICdidXR0b24nXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIih2YWx1ZSB8IHBlcFRvTnVtYmVyKSA9PSAwOyB0aGVuIHJlZ3VsYXJCbG9jazsgZWxzZSB3aXRoQmFkZ2VCbG9ja1wiPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjcmVndWxhckJsb2NrPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgY2xhc3M9XCJwZXAtYnV0dG9uIHt7IHN0eWxlVHlwZSB9fSBcIiBbaWRdPVwia2V5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ7eyBrZXkgfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBkaXNhYmxlOiBkaXNhYmxlZCwgY2F1dGlvbjogaXNDYXV0aW9uLCBtZDogcm93U3BhbiAhPT0gMSwgeHM6IHJvd1NwYW4gPT09IDF9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInUVMuT1JERVInIHwgdHJhbnNsYXRlXCIgKGNsaWNrKT1cImVudGVyQ2hpbGRyZW4oJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7ICdRUy5PUkRFUicgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3dpdGhCYWRnZUJsb2NrPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gbWF0QmFkZ2U9XCJ7eyBmb3JtYXR0ZWRWYWx1ZSB9fVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXRCYWRnZVBvc2l0aW9uPVwie3t4QWxpZ25tZW50ID09ICdyaWdodCcgPyAnYmVmb3JlJyA6ICdhZnRlcid9fVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbWF0QmFkZ2VTaXplXT1cImxheW91dFR5cGUgPT09ICdjYXJkJyAmJiByb3dTcGFuID09PSAxID8gJ3NtYWxsJyA6ICdtZWRpdW0nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicGVwLWJ1dHRvbiB7eyBzdHlsZVR5cGUgfX0gXCIgW2lkXT1cImtleVwiIG5hbWU9XCJ7eyBrZXkgfX1cIiBbbmdDbGFzc109XCJ7IGRpc2FibGU6IGRpc2FibGVkLCBjYXV0aW9uOiBpc0NhdXRpb24sIG1kOiByb3dTcGFuICE9PSAxLCB4czogcm93U3BhbiA9PT0gMSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAncmlnaHQtYWxpZ25tZW50JzogeEFsaWdubWVudCA9PSAncmlnaHQnLCAnbGVmdC1hbGlnbm1lbnQnOiB4QWxpZ25tZW50ICE9ICdyaWdodCd9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInUVMuT1JERVInIHwgdHJhbnNsYXRlXCIgKGNsaWNrKT1cImVudGVyQ2hpbGRyZW4oJGV2ZW50KVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7ICdRUy5PUkRFUicgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT0gJ3BhY2thZ2VCdXR0b24nXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNsYXNzPVwicGVwLWJ1dHRvbiB7eyBzdHlsZVR5cGUgfX0gXCIgW2lkXT1cImtleVwiIG5hbWU9XCJ7eyBrZXkgfX1cIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7IGRpc2FibGU6IGRpc2FibGVkLCBjYXV0aW9uOiBpc0NhdXRpb24sIG1kOiByb3dTcGFuICE9PSAxLCB4czogcm93U3BhbiA9PT0gMX1cIlxuICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwiJ1FTLk9SREVSJyB8IHRyYW5zbGF0ZVwiIChjbGljayk9XCJlbnRlclBhY2thZ2UoJGV2ZW50KVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImVsbGlwc2lzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyAnUVMuT1JERVInIHwgdHJhbnNsYXRlIH19ICYjNDA7e3sgZm9ybWF0dGVkVmFsdWUgfX0mIzQxO1xuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsYXlvdXRUeXBlID09PSAnZm9ybSdcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInBlcFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ2NhcmQnXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwZXBUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICd0YWJsZSdcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInBlcFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj4iXX0=