npm - @pepperi-addons/ngx-lib - Versions diffs - 0.2.61 → 0.3.0-beta.1 - Mend

@pepperi-addons/ngx-lib 0.2.61 → 0.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (301) hide show

package/quantity-selector/pepperi-addons-ngx-lib-quantity-selector.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"PepQuantitySelectorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":29,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":31,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":34,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":36,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":37,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/field-title","name":"PepFieldTitleModule","line":38,"character":8}],"exports":[{"__symbolic":"reference","name":"PepQuantitySelectorComponent"}],"declarations":[{"__symbolic":"reference","name":"PepQuantitySelectorComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":48,"character":41}]}]}},"PepQuantitySelectorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"pep-quantity-selector","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":21},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":44,"character":8},"arguments":["showHide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":45,"character":12},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":16},"arguments":[{"opacity":1,"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":52,"character":12},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":54,"character":16},"arguments":[{"opacity":0,"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":59,"character":12},"arguments":["show => hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":59,"character":39},"arguments":["250ms ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":60,"character":12},"arguments":["hide => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":60,"character":39},"arguments":["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=\"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 }} ({{ formattedValue }})\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}.pep-quantity-selector-container,.pepperi-quantity-selector-container{display:flex;flex-flow:wrap;align-items:center;min-width:2rem;width:100%;height:inherit}.pep-quantity-selector-container input::-webkit-inner-spin-button,.pep-quantity-selector-container input::-webkit-outer-spin-button,.pepperi-quantity-selector-container input::-webkit-inner-spin-button,.pepperi-quantity-selector-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pep-quantity-selector-container input[type=number],.pepperi-quantity-selector-container input[type=number]{-moz-appearance:textfield}.pep-quantity-selector-container .mat-input-element,.pepperi-quantity-selector-container .mat-input-element{padding:0 .25rem;text-align:center;font-weight:600;font-weight:var(--pep-font-weight-bold,600);width:100%}.pep-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper,.pepperi-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper{height:unset}.pep-quantity-selector-container .pep-button,.pep-quantity-selector-container .pepperi-button,.pepperi-quantity-selector-container .pep-button,.pepperi-quantity-selector-container .pepperi-button{width:100%}.pep-quantity-selector-container .pep-button.qs-action,.pep-quantity-selector-container .pepperi-button.qs-action,.pepperi-quantity-selector-container .pep-button.qs-action,.pepperi-quantity-selector-container .pepperi-button.qs-action{min-width:2rem;line-height:2rem;width:2rem!important;height:2rem!important}.pep-quantity-selector-container .pep-button.qs-action .mat-icon,.pep-quantity-selector-container .pepperi-button.qs-action .mat-icon,.pepperi-quantity-selector-container .pep-button.qs-action .mat-icon,.pepperi-quantity-selector-container .pepperi-button.qs-action .mat-icon{height:inherit;width:inherit}.pep-quantity-selector-container .qs-error,.pepperi-quantity-selector-container .qs-error{display:block}.pep-quantity-selector-container.hide-qs-actions .pep-button.qs-action,.pep-quantity-selector-container.hide-qs-actions .pepperi-button.qs-action,.pepperi-quantity-selector-container.hide-qs-actions .pep-button.qs-action,.pepperi-quantity-selector-container.hide-qs-actions .pepperi-button.qs-action{display:none}.pep-quantity-selector-container.matrix-qs .additional-value,.pepperi-quantity-selector-container.matrix-qs .additional-value{height:1.25rem;top:calc(.25rem * -1);top:calc(var(--pep-spacing-xs, .25rem) * -1);transform:unset!important;display:flex;align-self:flex-start;justify-content:flex-end}.pep-quantity-selector-container.matrix-qs .additional-value.prefix,.pepperi-quantity-selector-container.matrix-qs .additional-value.prefix{left:calc(.5rem * -1)!important;left:calc(var(--pep-spacing-sm, .5rem) * -1)!important}.pep-quantity-selector-container.matrix-qs .additional-value.suffix,.pepperi-quantity-selector-container.matrix-qs .additional-value.suffix{right:calc(.5rem * -1)!important;right:calc(var(--pep-spacing-sm, .5rem) * -1)!important}.pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content,.pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content{z-index:97;min-width:1.5rem;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;border-radius:.625rem;padding:0 .5rem;top:calc(.5rem * -1)!important;top:calc(var(--pep-spacing-sm, .5rem) * -1)!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:inherit}.pep-quantity-selector-container.matrix-qs .disable,.pepperi-quantity-selector-container.matrix-qs .disable{min-width:.5rem;padding:0 .25rem}.pep-quantity-selector-container.pep-table-quantity-selector .pep-button:not(.qs-action),.pep-quantity-selector-container.pep-table-quantity-selector .pepperi-button:not(.qs-action),.pep-quantity-selector-container.pepperi-table-quantity-selector .pep-button:not(.qs-action),.pep-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button:not(.qs-action),.pepperi-quantity-selector-container.pep-table-quantity-selector .pep-button:not(.qs-action),.pepperi-quantity-selector-container.pep-table-quantity-selector .pepperi-button:not(.qs-action),.pepperi-quantity-selector-container.pepperi-table-quantity-selector .pep-button:not(.qs-action),.pepperi-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button:not(.qs-action){height:2rem;line-height:2rem}.pep-quantity-selector-container.pep-table-quantity-selector .pep-button.qs-action,.pep-quantity-selector-container.pep-table-quantity-selector .pepperi-button.qs-action,.pep-quantity-selector-container.pepperi-table-quantity-selector .pep-button.qs-action,.pep-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button.qs-action,.pepperi-quantity-selector-container.pep-table-quantity-selector .pep-button.qs-action,.pepperi-quantity-selector-container.pep-table-quantity-selector .pepperi-button.qs-action,.pepperi-quantity-selector-container.pepperi-table-quantity-selector .pep-button.qs-action,.pepperi-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button.qs-action{min-width:1.5rem;line-height:1.5rem;width:1.5rem!important;height:1.5rem!important}"]}]}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":5}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":5}}]}],"textColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":5}}]}],"xAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":5}}]}],"rowSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"allowDecimal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":5}}]}],"additionalValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":5}}]}],"notificationInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":5}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":5}}]}],"showTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":5}}]}],"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":5}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":5}}]}],"styleType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":200,"character":5}}]}],"elementClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":203,"character":5}}]}],"QSCont":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":206,"character":5},"arguments":["QSCont"]}]}],"QSInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":207,"character":5},"arguments":["QSInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":231,"character":20},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepCustomizationService","line":232,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":233,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":234,"character":25},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":235,"character":27},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepUtilitiesService","line":236,"character":34}]}],"setForm":[{"__symbolic":"method"}],"setFormattedValue":[{"__symbolic":"method"}],"updateFormFieldValue":[{"__symbolic":"method"}],"getDestroyer":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getParentByClass":[{"__symbolic":"method"}],"getSameElementInTheWantedRowByClassName":[{"__symbolic":"method"}],"setSameElementInTheWantedRow":[{"__symbolic":"method"}],"focusToTheSameElementInTheWantedRow":[{"__symbolic":"method"}],"cleanError":[{"__symbolic":"method"}],"onMatrixMouseEnter":[{"__symbolic":"method"}],"onMatrixMouseleave":[{"__symbolic":"method"}],"onMatrixClick":[{"__symbolic":"method"}],"onMatrixBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"isDifferentValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"increment":[{"__symbolic":"method"}],"decrement":[{"__symbolic":"method"}],"enterChildren":[{"__symbolic":"method"}],"enterPackage":[{"__symbolic":"method"}],"setupQsButtons":[{"__symbolic":"method"}],"setQsView":[{"__symbolic":"method"}]},"statics":{"ENTER_CHILDREN":"[EnterChildren]","ENTER_PACKAGE":"[EnterPackage]","PLUS":"[+]","MINUS":"[-]"}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"pepQuantitySelectorNumber"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[pepQsValidation]"}]}],"members":{"allowDecimal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepValidatorService","line":20,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":27,"character":5},"arguments":["change",["$event"]]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":32,"character":5},"arguments":["keydown",["$event"]]}]}],"validateValue":[{"__symbolic":"method"}]}}},"origins":{"PepQuantitySelectorModule":"./quantity-selector.module","PepQuantitySelectorComponent":"./quantity-selector.component","ɵa":"./quantity-selector.pipes","ɵb":"./quantity-selector-validation.directive"},"importAs":"@pepperi-addons/ngx-lib/quantity-selector"}
1	+ {"__symbolic":"module","version":4,"metadata":{"PepQuantitySelectorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":29,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":31,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":34,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":36,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":37,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/field-title","name":"PepFieldTitleModule","line":38,"character":8}],"exports":[{"__symbolic":"reference","name":"PepQuantitySelectorComponent"}],"declarations":[{"__symbolic":"reference","name":"PepQuantitySelectorComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":48,"character":41}]}]}},"PepQuantitySelectorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"pep-quantity-selector","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":21},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":44,"character":8},"arguments":["showHide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":45,"character":12},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":16},"arguments":[{"opacity":1,"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":52,"character":12},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":54,"character":16},"arguments":[{"opacity":0,"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":59,"character":12},"arguments":["show => hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":59,"character":39},"arguments":["250ms ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":60,"character":12},"arguments":["hide => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":60,"character":39},"arguments":["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 }} ({{ formattedValue }})\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 .pep-quantity-selector-container,::ng-deep .pepperi-quantity-selector-container{display:flex;flex-flow:wrap;align-items:center;min-width:2rem;width:100%;height:inherit}::ng-deep .pep-quantity-selector-container input::-webkit-inner-spin-button,::ng-deep .pep-quantity-selector-container input::-webkit-outer-spin-button,::ng-deep .pepperi-quantity-selector-container input::-webkit-inner-spin-button,::ng-deep .pepperi-quantity-selector-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}::ng-deep .pep-quantity-selector-container input[type=number],::ng-deep .pepperi-quantity-selector-container input[type=number]{-moz-appearance:textfield}::ng-deep .pep-quantity-selector-container .mat-input-element,::ng-deep .pepperi-quantity-selector-container .mat-input-element{padding:0 .25rem;text-align:center;font-weight:600;font-weight:var(--pep-font-weight-bold,600);width:100%}::ng-deep .pep-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper,::ng-deep .pepperi-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper{height:unset}::ng-deep .pep-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container .mat-form-field .mat-form-field-wrapper .mat-form-field-flex{padding:0 .25rem!important}::ng-deep .pep-quantity-selector-container .pep-button,::ng-deep .pep-quantity-selector-container .pepperi-button,::ng-deep .pepperi-quantity-selector-container .pep-button,::ng-deep .pepperi-quantity-selector-container .pepperi-button{width:100%}::ng-deep .pep-quantity-selector-container .pep-button.qs-action,::ng-deep .pep-quantity-selector-container .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container .pepperi-button.qs-action{min-width:2rem;line-height:2rem;width:2rem!important;height:2rem!important}::ng-deep .pep-quantity-selector-container .pep-button.qs-action .mat-icon,::ng-deep .pep-quantity-selector-container .pepperi-button.qs-action .mat-icon,::ng-deep .pepperi-quantity-selector-container .pep-button.qs-action .mat-icon,::ng-deep .pepperi-quantity-selector-container .pepperi-button.qs-action .mat-icon{height:inherit;width:inherit}::ng-deep .pep-quantity-selector-container .qs-error,::ng-deep .pepperi-quantity-selector-container .qs-error{display:block}::ng-deep .pep-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 .pepperi-quantity-selector-container.hide-qs-actions .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.hide-qs-actions .pepperi-button.qs-action{display:none}::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value,::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value{height:1.25rem;top:calc(.25rem * -1);top:calc(var(--pep-spacing-xs, .25rem) * -1);transform:unset!important;display:flex;align-self:flex-start;justify-content:flex-end}::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value.prefix,::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value.prefix{left:calc(.5rem * -1)!important;left:calc(var(--pep-spacing-sm, .5rem) * -1)!important}::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value.suffix,::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value.suffix{right:calc(.5rem * -1)!important;right:calc(var(--pep-spacing-sm, .5rem) * -1)!important}::ng-deep .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content,::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content{z-index:97;min-width:1.5rem;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;border-radius:.625rem;padding:0 .5rem;top:calc(.5rem * -1)!important;top:calc(var(--pep-spacing-sm, .5rem) * -1)!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:inherit}::ng-deep .pep-quantity-selector-container.matrix-qs .disable,::ng-deep .pepperi-quantity-selector-container.matrix-qs .disable{min-width:.5rem;padding:0 .25rem}::ng-deep .pep-quantity-selector-container.pep-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.pepperi-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 .pepperi-quantity-selector-container.pep-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.pepperi-table-quantity-selector .pep-button:not(.qs-action),::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button:not(.qs-action){height:2rem;line-height:2rem}::ng-deep .pep-quantity-selector-container.pep-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.pepperi-table-quantity-selector .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.pep-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.pepperi-table-quantity-selector .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .pepperi-button.qs-action{min-width:1.5rem;line-height:1.5rem;width:1.5rem!important;height:1.5rem!important}::ng-deep .pep-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 .pepperi-quantity-selector-container.pep-table-quantity-selector .mat-form-field .mat-form-field-wrapper,::ng-deep .pepperi-quantity-selector-container.pepperi-table-quantity-selector .mat-form-field .mat-form-field-wrapper{margin-top:0!important}","::ng-deep .pep-quantity-selector-container:not(.strong) .mat-form-field .mat-input-element,::ng-deep .pepperi-quantity-selector-container:not(.strong) .mat-form-field .mat-input-element{color:#1a1a1a;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 .pep-quantity-selector-container:not(.strong).zero-quantity .mat-form-field .mat-input-element,::ng-deep .pepperi-quantity-selector-container:not(.strong).zero-quantity .mat-form-field .mat-input-element{color:rgba(26,26,26,.7);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 .pep-quantity-selector-container:not(.strong).zero-quantity button,::ng-deep .pepperi-quantity-selector-container:not(.strong).zero-quantity button{color:rgba(26,26,26,.7);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 .pep-quantity-selector-container.weak .mat-form-field .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field .mat-form-field-flex{background:rgba(26,26,26,.12);background:hsla(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%),.12)}::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,::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{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%),.16)}::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,::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{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .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),::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){background:#fff;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 .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,::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{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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::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,::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{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .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),::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){background:#fff;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 .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,::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{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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(26,26,26,.04)!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 .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:rgba(26,26,26,.35);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 .pep-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.weak .pep-button,::ng-deep .pep-quantity-selector-container.weak .pepperi-button,::ng-deep .pepperi-quantity-selector-container.weak .pep-button,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button{background:rgba(26,26,26,.12);background:hsla(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%),.12)}::ng-deep .pep-quantity-selector-container.weak .pep-button:hover,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:hover,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:hover{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%),.16)}::ng-deep .pep-quantity-selector-container.weak .pep-button:focus,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:focus,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:focus:not(.keep-background-on-focus){background:#fff;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 .pep-quantity-selector-container.weak .pep-button:focus:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:focus:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:focus:after,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-quantity-selector-container.weak .pep-button:active,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:active,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:active:not(.keep-background-on-focus){background:#fff;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 .pep-quantity-selector-container.weak .pep-button:active:after,::ng-deep .pep-quantity-selector-container.weak .pepperi-button:active:after,::ng-deep .pepperi-quantity-selector-container.weak .pep-button:active:after,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-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 .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(26,26,26,.04)!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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.weak .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action{background:rgba(26,26,26,.12);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 .pep-quantity-selector-container.weak .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:hover{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%),.16)}::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:focus:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-quantity-selector-container.weak .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.weak .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.weak .pep-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:active:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-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 .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(26,26,26,.04)!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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.weak .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.weak.caution .mat-form-field .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field .mat-form-field-flex{background:rgba(230,0,0,.12);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 .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,::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{background:rgba(230,0,0,.16);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 .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,::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{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .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),::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){background:#fff;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 .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,::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{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 #e60000;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 .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,::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{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .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),::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){background:#fff;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 .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,::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{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 #e60000;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 .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pepperi-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:rgba(26,26,26,.35)!important;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:rgba(230,0,0,.04)!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 .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:rgba(26,26,26,.35);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 .pep-quantity-selector-container.weak.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::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{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.weak.caution .pep-button,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button{background:rgba(230,0,0,.12);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 .pep-quantity-selector-container.weak.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:hover,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:hover{background:rgba(230,0,0,.16);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 .pep-quantity-selector-container.weak.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:focus,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:focus:not(.keep-background-on-focus){background:#fff;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 .pep-quantity-selector-container.weak.caution .pep-button:focus:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:focus:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:focus:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-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 #e60000;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 .pep-quantity-selector-container.weak.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:active,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:active:not(.keep-background-on-focus){background:#fff;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 .pep-quantity-selector-container.weak.caution .pep-button:active:after,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button:active:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button:active:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-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 #e60000;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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(230,0,0,.04)!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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.weak.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.weak.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action{background:rgba(230,0,0,.12);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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:hover{background:rgba(230,0,0,.16);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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-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 #e60000;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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-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 #e60000;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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(230,0,0,.04)!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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.weak.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.weak.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.regular .mat-form-field .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field .mat-form-field-flex{background:#fafafa;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-quantity-selector-container.regular .mat-form-field .mat-form-field-flex:after,::ng-deep .pepperi-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(0,0%,calc(10% + 30%));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 .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,::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{background:#fafafa;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);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 .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,::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{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(0,0%,calc(10% + 20%));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 .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,::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{background:#e0e0e0;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);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 .25rem rgba(23,102,166,.5);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 .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,::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{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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::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,::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{background:#e0e0e0;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.32);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 .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,::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{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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:#e0e0e0!important;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),88%)!important;box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.04)!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 .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:rgba(26,26,26,.35);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 .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.regular .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-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 rgba(26,26,26,.08);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 .pep-quantity-selector-container.regular .pep-button,::ng-deep .pep-quantity-selector-container.regular .pepperi-button,::ng-deep .pepperi-quantity-selector-container.regular .pep-button,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button{background:#fafafa;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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(0,0%,calc(10% + 30%));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 .pep-quantity-selector-container.regular .pep-button:hover,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:hover,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:hover{background:#fafafa;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);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(0,0%,calc(10% + 20%));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 .pep-quantity-selector-container.regular .pep-button:focus,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:focus,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:focus{background:#e0e0e0;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);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 #1a1a1a;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 .25rem rgba(23,102,166,.5);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 .pep-quantity-selector-container.regular .pep-button:active,::ng-deep .pep-quantity-selector-container.regular .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.regular .pep-button:active,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:active{background:#e0e0e0;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.32);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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-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 .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:#e0e0e0!important;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),88%)!important;box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.04)!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 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.regular .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.regular .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action{background:rgba(26,26,26,.12);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 .pep-quantity-selector-container.regular .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:hover{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%),.16)}::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-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 .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:focus:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.regular .pep-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-quantity-selector-container.regular .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.regular .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.regular .pep-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.regular .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:active:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.regular .pep-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-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 .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(26,26,26,.04)!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 .pep-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 .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.regular .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex{background:#fff5f5;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-quantity-selector-container.regular.caution .mat-form-field .mat-form-field-flex:after,::ng-deep .pepperi-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(360,100%,calc(45% + 30%));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 .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,::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{background:#fff5f5;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);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 .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,::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{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(360,100%,calc(45% + 20%));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 .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,::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{background:#ffc2c2;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);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 .25rem rgba(23,102,166,.5);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 .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,::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{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 #e60000;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 .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,::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{background:#ffc2c2;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.32);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 .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,::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{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 #e60000;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 .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pepperi-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:rgba(26,26,26,.35)!important;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:#ffc2c2!important;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),88%)!important;box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.04)!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 .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:rgba(26,26,26,.35);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 .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::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{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.regular.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-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 rgba(230,0,0,.08);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 .pep-quantity-selector-container.regular.caution .pep-button,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button{background:#fff5f5;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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(360,100%,calc(45% + 30%));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 .pep-quantity-selector-container.regular.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:hover,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:hover{background:#fff5f5;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);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(360,100%,calc(45% + 20%));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 .pep-quantity-selector-container.regular.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:focus,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:focus{background:#ffc2c2;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);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 #e60000;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 .25rem rgba(23,102,166,.5);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 .pep-quantity-selector-container.regular.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button:active,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:active{background:#ffc2c2;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),88%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.32);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 #e60000;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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:#ffc2c2!important;background:hsl(var(--pep-color-system-caution-h,360),var(--pep-color-system-caution-s,100%),88%)!important;box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.04)!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 rgba(230,0,0,.08);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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.regular.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.regular.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action{background:rgba(230,0,0,.12);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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:hover{background:rgba(230,0,0,.16);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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-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 #e60000;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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-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 #e60000;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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(230,0,0,.04)!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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.regular.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.regular.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#1a1a1a;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);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:#fff;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 .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon{fill:#fff;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 .pep-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:#fff;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 .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,::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{background:hsl(0,0%,calc(10% - 8%));background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),calc(var(--pep-color-qs-l, 10%) - 8%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.16);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 .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,::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{background:hsl(0,0%,calc(10% - 15%));background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .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,::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{background:hsl(0,0%,calc(10% - 15%));background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.32);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 .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex{box-shadow:unset;border:unset;background:#1a1a1a!important;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:#fff;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 .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:rgba(26,26,26,.35);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 .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:#fff;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 .pep-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:#fff;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 .pep-quantity-selector-container.strong .pep-button,::ng-deep .pep-quantity-selector-container.strong .pepperi-button,::ng-deep .pepperi-quantity-selector-container.strong .pep-button,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#1a1a1a;background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);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:#fff;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 .pep-quantity-selector-container.strong .pep-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong .pepperi-button .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pep-button .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button .svg-icon{fill:#fff;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 .pep-quantity-selector-container.strong .pep-button .svg-icon.stroke,::ng-deep .pep-quantity-selector-container.strong .pepperi-button .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pep-button .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button .svg-icon.stroke{fill:unset;stroke:#fff;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 .pep-quantity-selector-container.strong .pep-button:hover,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:hover,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:hover{background:hsl(0,0%,calc(10% - 8%));background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),calc(var(--pep-color-qs-l, 10%) - 8%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.16);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 .pep-quantity-selector-container.strong .pep-button:focus,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:focus,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:focus{background:hsl(0,0%,calc(10% - 15%));background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-quantity-selector-container.strong .pep-button:active,::ng-deep .pep-quantity-selector-container.strong .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.strong .pep-button:active,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:active{background:hsl(0,0%,calc(10% - 15%));background:hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),calc(var(--pep-color-qs-l, 10%) - 15%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.32);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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;background:#1a1a1a!important;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:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke{stroke:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon{fill:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:#fff;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 .pep-quantity-selector-container.strong .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action{background:rgba(26,26,26,.12);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 .pep-quantity-selector-container.strong .pep-button.qs-action:hover,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:hover{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%),.16)}::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:focus,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:focus:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-quantity-selector-container.strong .pep-button.qs-action:active,::ng-deep .pep-quantity-selector-container.strong .pepperi-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.strong .pep-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:active:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-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 #1a1a1a;border:1px solid hsl(var(--pep-color-qs-h,0),var(--pep-color-qs-s,0%),var(--pep-color-qs-l,10%))}::ng-deep .pep-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 .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(26,26,26,.04)!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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.strong .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#e60000;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:0 .25rem .5rem 0 rgba(26,26,26,.08);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:#fff;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 .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon{fill:#fff;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 .pep-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field .mat-form-field-flex .svg-icon.stroke{fill:unset;stroke:#fff;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 .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,::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{background:hsl(360,100%,calc(45% - 8%));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:0 .25rem .5rem 0 rgba(26,26,26,.16);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 .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,::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{background:hsl(360,100%,calc(45% - 15%));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:0 .25rem .5rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .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,::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{background:hsl(360,100%,calc(45% - 15%));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:0 .25rem .5rem 0 rgba(26,26,26,.32);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 .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex,::ng-deep .pepperi-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:#e60000!important;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:#fff;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 .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex:after{border:unset}::ng-deep .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:rgba(26,26,26,.35);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 .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::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{stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon{fill:#fff;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 .pep-quantity-selector-container.strong.caution .mat-form-field.mat-form-field-disabled:not(.ignore-disabled) .mat-form-field-flex .svg-icon.stroke,::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{fill:unset;stroke:#fff;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 .pep-quantity-selector-container.strong.caution .pep-button,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#e60000;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:0 .25rem .5rem 0 rgba(26,26,26,.08);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:#fff;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 .pep-quantity-selector-container.strong.caution .pep-button .svg-icon,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button .svg-icon{fill:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button .svg-icon.stroke{fill:unset;stroke:#fff;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 .pep-quantity-selector-container.strong.caution .pep-button:hover,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:hover,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:hover,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:hover{background:hsl(360,100%,calc(45% - 8%));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:0 .25rem .5rem 0 rgba(26,26,26,.16);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 .pep-quantity-selector-container.strong.caution .pep-button:focus,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:focus,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:focus,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:focus{background:hsl(360,100%,calc(45% - 15%));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:0 .25rem .5rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-quantity-selector-container.strong.caution .pep-button:active,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button:active,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button:active,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:active{background:hsl(360,100%,calc(45% - 15%));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:0 .25rem .5rem 0 rgba(26,26,26,.32);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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;background:#e60000!important;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:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke{stroke:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon{fill:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:#fff;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 .pep-quantity-selector-container.strong.caution .pep-button.qs-action,::ng-deep .pep-quantity-selector-container.strong.caution .pepperi-button.qs-action,::ng-deep .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action{background:rgba(230,0,0,.12);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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:hover,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:hover{background:rgba(230,0,0,.16);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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .25rem rgba(23,102,166,.5);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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:focus:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:focus:after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-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 #e60000;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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active:not(.keep-background-on-focus),::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:active:not(.keep-background-on-focus){background:#fff;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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:active:after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-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 #e60000;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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled),::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;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:rgba(230,0,0,.04)!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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled):after,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled):after{border:unset}::ng-deep .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);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 .pep-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 .pepperi-quantity-selector-container.strong.caution .pep-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.strong.caution .pepperi-button.qs-action:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);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 .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content,::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content{font-weight:600;font-weight:var(--pep-font-weight-bold,600);background:#5d8109;background:hsl(var(--pep-color-strong-h,78),var(--pep-color-strong-s,87%),var(--pep-color-strong-l,27%));box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);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:#fff;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:#1a1a1a!important;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:0 .25rem .5rem 0 rgba(26,26,26,.32);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 .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon,::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon{fill:#fff;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 .pep-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon.stroke,::ng-deep .pepperi-quantity-selector-container.matrix-qs .additional-value .mat-badge-content .svg-icon.stroke{fill:unset;stroke:#fff;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%))}"]}]}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":5}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":5}}]}],"textColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":5}}]}],"xAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":5}}]}],"rowSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"allowDecimal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":5}}]}],"additionalValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":5}}]}],"notificationInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":5}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":5}}]}],"showTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":5}}]}],"renderTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":5}}]}],"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":5}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":5}}]}],"styleType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":201,"character":5}}]}],"elementClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":204,"character":5}}]}],"QSCont":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":207,"character":5},"arguments":["QSCont"]}]}],"QSInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":208,"character":5},"arguments":["QSInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":232,"character":20},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepCustomizationService","line":233,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":234,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":235,"character":25},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":236,"character":27},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepUtilitiesService","line":237,"character":34}]}],"setForm":[{"__symbolic":"method"}],"setFormattedValue":[{"__symbolic":"method"}],"updateFormFieldValue":[{"__symbolic":"method"}],"getDestroyer":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getParentByClass":[{"__symbolic":"method"}],"getSameElementInTheWantedRowByClassName":[{"__symbolic":"method"}],"setSameElementInTheWantedRow":[{"__symbolic":"method"}],"focusToTheSameElementInTheWantedRow":[{"__symbolic":"method"}],"cleanError":[{"__symbolic":"method"}],"onMatrixMouseEnter":[{"__symbolic":"method"}],"onMatrixMouseleave":[{"__symbolic":"method"}],"onMatrixClick":[{"__symbolic":"method"}],"onMatrixBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"isDifferentValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"increment":[{"__symbolic":"method"}],"decrement":[{"__symbolic":"method"}],"enterChildren":[{"__symbolic":"method"}],"enterPackage":[{"__symbolic":"method"}],"setupQsButtons":[{"__symbolic":"method"}],"setQsView":[{"__symbolic":"method"}]},"statics":{"ENTER_CHILDREN":"[EnterChildren]","ENTER_PACKAGE":"[EnterPackage]","PLUS":"[+]","MINUS":"[-]"}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"pepQuantitySelectorNumber"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[pepQsValidation]"}]}],"members":{"allowDecimal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepValidatorService","line":20,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":27,"character":5},"arguments":["change",["$event"]]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":32,"character":5},"arguments":["keydown",["$event"]]}]}],"validateValue":[{"__symbolic":"method"}]}}},"origins":{"PepQuantitySelectorModule":"./quantity-selector.module","PepQuantitySelectorComponent":"./quantity-selector.component","ɵa":"./quantity-selector.pipes","ɵb":"./quantity-selector-validation.directive"},"importAs":"@pepperi-addons/ngx-lib/quantity-selector"}

package/quantity-selector/quantity-selector.component.d.ts CHANGED Viewed

@@ -41,6 +41,7 @@ export declare class PepQuantitySelectorComponent implements OnChanges, OnInit,
     controlType: string;
     form: FormGroup;
     showTitle: boolean;
+    renderTitle: boolean;
     layoutType: PepLayoutType;
     isActive: boolean;
     styleType: PepStyleType;