@testgorilla/tgo-ui 4.1.0-beta → 4.1.2-beta

package/fesm2022/testgorilla-tgo-ui-components-button.mjs

@@ -0,0 +1,635 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, booleanAttribute, HostBinding, ViewChild, Output, Input, Optional, Inject, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
+import * as i4 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i6 from '@testgorilla/tgo-ui/components/badge';
+import { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';
+import * as i7 from '@testgorilla/tgo-ui/components/core';
+import { EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
+import { MatRadioModule } from '@angular/material/radio';
+
+/**
+ * Function for adjusting the lightness of a color based on different events (hover, pressed, disabled).
+ * Accepts a hex color, transforms it to HSL, and based on color's L and event darkens or lightens it.
+ * Used to manage different colors based on application configuration
+ *
+ * @param hexColor color in hex format
+ * @param typeEvent interaction event
+ * @param theme
+ */
+const adjustLightness = (hexColor, typeEvent, theme = 'new') => {
+    const hexRegex = /^#([0-9A-F]{3}){1,2}$/i;
+    if (hexColor && !hexRegex.test(hexColor)) {
+        throw new Error('Invalid HEX color format');
+    }
+    const hslColor = hexToHsl(hexColor);
+    const lightness = hslColor.l * 100;
+    if (theme === 'new') {
+        if (lightness > 70 && (typeEvent === 'hover' || typeEvent === 'pressed')) {
+            hslColor.l = clamp(hslColor.l - 10 / 100);
+        }
+        else if (lightness < 30 && (typeEvent === 'hover' || typeEvent === 'pressed')) {
+            hslColor.l = clamp(hslColor.l + 10 / 100);
+        }
+        else if (lightness < 70 && lightness > 30 && (typeEvent === 'hover' || typeEvent === 'pressed')) {
+            hslColor.l = clamp(hslColor.l - 10 / 100);
+        }
+    }
+    else {
+        if (lightness > 70 && typeEvent === 'hover') {
+            hslColor.l = clamp(hslColor.l - 10 / 100);
+        }
+        else if (lightness < 30 && typeEvent === 'hover') {
+            hslColor.l = clamp(hslColor.l + 10 / 100);
+        }
+        else if (lightness < 70 && lightness > 30 && typeEvent === 'hover') {
+            hslColor.l = clamp(hslColor.l - 10 / 100);
+        }
+        else if (lightness > 70 && typeEvent === 'pressed') {
+            hslColor.l = clamp(hslColor.l - 20 / 100);
+        }
+        else if (lightness < 30 && typeEvent === 'pressed') {
+            hslColor.l = clamp(hslColor.l + 30 / 100);
+        }
+        else if (lightness < 70 && lightness > 30 && typeEvent === 'pressed') {
+            hslColor.l = clamp(hslColor.l - 20 / 100);
+        }
+        else if (lightness > 70 && typeEvent === 'disabled') {
+            hslColor.l = clamp(hslColor.l + 10 / 100);
+        }
+        else if (lightness < 30 && typeEvent === 'disabled') {
+            hslColor.l = clamp(hslColor.l + 50 / 100);
+        }
+        else if (lightness < 70 && lightness > 30 && typeEvent === 'disabled') {
+            hslColor.l = clamp(hslColor.l + 20 / 100);
+        }
+    }
+    return hslToHex(hslColor);
+};
+/**
+ * Transforms hex color to HSL in object variation.
+ * @param hexColor string value with hex color
+ */
+const hexToHsl = (hexColor) => {
+    const rgbColor = parseInt(hexColor.slice(1), 16);
+    const r = ((rgbColor >> 16) & 255) / 255;
+    const g = ((rgbColor >> 8) & 255) / 255;
+    const b = (rgbColor & 255) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s;
+    const l = (max + min) / 2;
+    if (max === min) {
+        h = s = 0; // grayscale
+    }
+    else {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return { h, s, l };
+};
+/**
+ * Transforms HSL color, represented as an object and transforms it to hex string.
+ * @param hslColor accepts the HSL color like an object.
+ */
+const hslToHex = (hslColor) => {
+    const { h, s, l } = hslColor;
+    const hueToRgb = (p, q, t) => {
+        if (t < 0) {
+            t += 1;
+        }
+        if (t > 1) {
+            t -= 1;
+        }
+        if (t < 1 / 6) {
+            return p + (q - p) * 6 * t;
+        }
+        if (t < 1 / 2) {
+            return q;
+        }
+        if (t < 2 / 3) {
+            return p + (q - p) * (2 / 3 - t) * 6;
+        }
+        return p;
+    };
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    const r = hueToRgb(p, q, h + 1 / 3);
+    const g = hueToRgb(p, q, h);
+    const b = hueToRgb(p, q, h - 1 / 3);
+    const rgbColor = (Math.round(r * 255) << 16) | (Math.round(g * 255) << 8) | Math.round(b * 255);
+    return `#${rgbColor.toString(16).padStart(6, '0')}`;
+};
+/**
+ * Restricts the value to be within the range [0, 1].
+ * @param value
+ */
+const clamp = (value) => Math.min(Math.max(value, 0), 1);
+
+/* eslint-disable @angular-eslint/use-lifecycle-interface */
+class ButtonComponent {
+    get enabled() {
+        return this.disabled ? 'none' : 'all';
+    }
+    get isDisabled() {
+        return this.disabled;
+    }
+    get compColor() {
+        return this.getCompanyColor;
+    }
+    static { this.nextAriaLabelledId = 0; }
+    get typeIncluded() {
+        return this.allowButtonTypeForPremium.includes(this.variant);
+    }
+    constructor(defaultAppTheme) {
+        this.defaultAppTheme = defaultAppTheme;
+        /**
+         * Define button height
+         *
+         * @type {ButtonSize}
+         * @memberof ButtonComponent
+         */
+        this.size = 'big';
+        /**
+         * Background color of the button while in active state
+         *
+         * @type {ButtonColor}
+         * @memberof ButtonComponent
+         */
+        this.variant = 'primary';
+        /**
+         * Text content to appear on the button
+         *
+         * @memberof ButtonComponent
+         */
+        this.label = '';
+        /**
+         * Positioning of the icon (when existant)
+         *
+         * @type {ButtonIconPosition}
+         * @memberof ButtonComponent
+         */
+        this.iconPosition = 'right';
+        /**
+         * Define if button has only icon without text
+         *
+         * @memberof ButtonComponent
+         */
+        this.justIcon = false;
+        /**
+         * Indicator if the button should be disabled
+         *
+         * @memberof ButtonComponent
+         */
+        this.disabled = false;
+        /**
+         * Indicator if the loading icon should be shown
+         *
+         * @memberof ButtonComponent
+         */
+        this.loading = false;
+        /**
+         * Indicator of the button width
+         *
+         * @memberof ButtonComponent
+         */
+        this.fullWidth = false;
+        /**
+         * @property tooltip
+         * @description The tooltip that is displayed on hover. Required for icon-button type
+         * @type {string}
+         * @memberof ButtonComponent
+         */
+        this.tooltip = '';
+        /**
+         * @property isPremium
+         * @description The icon that is displayed for Premium button
+         * @type {boolean}
+         * @memberof ButtonComponent
+         */
+        this.isPremium = false;
+        /**
+         * The type of the button.
+         *
+         * @type {ButtonType}
+         * @memberof ButtonComponent
+         * @default 'button'
+         */
+        this.type = 'button';
+        /**
+         * Color of the button.
+         * Defaults to Test Gorilla primary color.
+         *
+         * @type {string}
+         * @memberof ButtonComponent
+         */
+        this.companyColor = '';
+        /**
+         *
+         * Defines the application theme where buttons is used
+         *
+         * @type {ApplicationTheme}
+         * @memberof ButtonComponent
+         */
+        this.applicationTheme = 'light';
+        /**
+         *
+         * Disabled button scale on click
+         *
+         * @type {boolean}
+         * @memberof ButtonComponent
+         */
+        this.disabledScaleOnClick = false;
+        /**
+         * A string representing the ARIA requirement for accessibility.
+         * This attribute is used to indicate whether an input field is required for form submission.
+         * @type {boolean}
+         * @memberof ButtonComponent
+         */
+        this.ariaRequired = false;
+        /**
+         * A string representing the ARIA requirement for accessibility.
+         * This attribute is used to indicate whether an input field is required for form submission.
+         * @type {string}
+         * @memberof ButtonComponent
+         */
+        this.ariaLabelledby = '';
+        /**
+         * A string representing the ARIA requirement for accessibility.
+         * This attribute is used to indicate whether an input field is required for form submission.
+         * @type {string}
+         * @memberof ButtonComponent
+         */
+        this.ariaDescribedby = '';
+        /**
+         * Prevents default button click behavior
+         * @type {boolean}
+         * @memberof ButtonComponent
+         */
+        this.preventDefault = false;
+        /**
+         * Ghost variant with white background
+         * @type {boolean}
+         * @memberof ButtonComponent
+         */
+        this.hasBackground = false;
+        /**
+         * Sets tooltip position
+         *
+         * @type {TooltipPosition}
+         * @memberof ButtonComponent
+         */
+        this.tooltipPosition = 'below';
+        this.role = 'button';
+        this.iconFilled = false;
+        this.buttonClickEvent = new EventEmitter();
+        this.buttonHoverEvent = new EventEmitter();
+        this.hover = false;
+        this.iconButtonSize = '40';
+        this.allowButtonTypeForPremium = ['secondary', 'secondary-inverted', 'primary', 'ghost', 'outlined', 'destructive'];
+        this.coloredIcons = ['Google-in-line', 'Google', 'Google-filled'];
+        this.labelEllipsis = false;
+        this.icon = '';
+        this.ariaLabelledbyId = '';
+        if (defaultAppTheme) {
+            this.applicationTheme = defaultAppTheme;
+        }
+    }
+    ngOnInit() {
+        this.classCss = this.setCssClass();
+        this.styleCss = this.setCssStyle();
+        this.isButtonLink = this.showButtonLink();
+        this.isLabel = this.showLabel();
+        this.createAriaLabelledById();
+    }
+    ngOnChanges(changes) {
+        if (changes['disabled']) {
+            this.buttonState = 'default';
+        }
+        if (!this.applicationTheme) {
+            this.applicationTheme = 'light';
+        }
+        if (changes['type']) {
+            this.isButtonLink = this.showButtonLink();
+        }
+        if (changes['loading']) {
+            this.isLabel = this.showLabel();
+        }
+        if (changes['iconName']) {
+            this.icon = changes['iconName'].currentValue;
+        }
+        if (changes['type'] ||
+            changes['fullWidth'] ||
+            changes['iconName'] ||
+            changes['justIcon'] ||
+            changes['iconPosition'] ||
+            changes['disabled'] ||
+            changes['companyColor'] ||
+            changes['variant'] ||
+            changes['applicationTheme']) {
+            this.classCss = this.setCssClass();
+            this.styleCss = this.setCssStyle();
+        }
+        if (changes['variant']?.currentValue === 'icon-button' || (changes['variant']?.currentValue === 'menuTrigger' && this.applicationTheme !== 'classic')) {
+            this.iconButtonSize = this.setIconButtonSize();
+        }
+        this.isFilledIcon = this.applicationTheme !== 'classic' && (this.variant === 'primary' || this.variant === 'secondary' || this.variant === 'secondary-inverted');
+    }
+    ngAfterViewInit() {
+        this.tooltipElement.nativeElement.onclick = ev => {
+            ev.preventDefault();
+            ev.stopPropagation();
+        };
+        if (this.variant === 'icon-button' && !this.tooltip) {
+            console.warn('ui-button ButtonComponent\n    [tooltip] is required for [type] icon-button!');
+        }
+        else if (this.variant === 'destructive' && !this.icon && !this.loading && this.applicationTheme !== 'classic') {
+            console.warn('ui-button ButtonComponent\n  [icon] is required for [type] destructive');
+        }
+    }
+    buttonClick(event) {
+        if (this.preventDefault) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        this.buttonClickEvent.emit(event);
+    }
+    buttonHover(event) {
+        if (event.type === 'mouseenter') {
+            this.hover = true;
+            this.buttonHoverEvent.emit(event);
+            this.buttonState = 'hover';
+            if (this.shouldChangeFilledStatus && this.icon) {
+                this.icon = this.getIconName(this.iconName, '-filled');
+            }
+        }
+        else {
+            this.hover = false;
+            if (this.shouldChangeFilledStatus && this.icon) {
+                this.icon = this.iconName;
+            }
+            this.buttonState = 'default';
+        }
+        this.styleCss = this.setCssStyle();
+    }
+    //Show or hide label
+    showLabel() {
+        return !this.loading;
+    }
+    //Set css class according inputs
+    setCssClass() {
+        const width = this.fullWidth ? 'full-width' : '';
+        const hasIcon = this.iconName === null ? '' : 'icon';
+        const justIcon = this.justIcon || this.variant === 'icon-button' ? 'only-icon' : '';
+        const iconPosition = this.iconPosition === undefined ? '' : this.iconPosition;
+        const disabled = this.disabled && this.variant === 'primary' ? 'primary-disabled' : '';
+        const variant = this.variant === 'ghost' && this.applicationTheme === 'classic' ? 'outlined' : this.variant;
+        const companyColor = this.companyColor ? 'has-company-color' : '';
+        return `${this.size} ${iconPosition} ${variant} ${width} ${hasIcon} ${justIcon} ${disabled} ${companyColor} ${this.applicationTheme}-theme`;
+    }
+    setCssStyle() {
+        this.buttonState = this.disabled ? 'disabled' : this.buttonState;
+        const styleObj = {};
+        if ((this.variant === 'primary' || this.variant === 'text' || this.variant === 'text-inline') && this.applicationTheme !== 'classic' && (this.buttonState === 'hover' || this.buttonState === 'pressed')) {
+            styleObj[this.variant === 'primary' ? 'background-color' : 'color'] = adjustLightness(this.getCompanyColor, this.buttonState);
+            if (this.variant === 'text' || this.variant === 'text-inline') {
+                styleObj['--active-color'] = this.companyColor ? adjustLightness(this.getCompanyColor, this.buttonState) : '#666666';
+            }
+        }
+        else if ((this.variant === 'primary' || this.variant === 'text' || this.variant === 'text-inline') && this.applicationTheme === 'classic' && this.buttonState !== 'default') {
+            styleObj[this.variant === 'primary' ? 'background-color' : 'color'] = adjustLightness(this.getCompanyColor, this.buttonState, 'classic');
+        }
+        else if (this.getCompanyColor && (this.variant === 'link' || this.variant === 'tertiary' || this.variant === 'icon-button')) {
+            styleObj['color'] = this.getCompanyColor;
+        }
+        else if (this.hasBackground) {
+            styleObj['--ghost-background'] = '#ffffff';
+        }
+        return styleObj;
+    }
+    //Show or hide spinner
+    get showSpinner() {
+        const isNotTab = this.variant !== 'tab';
+        const isNotLink = this.variant !== 'link';
+        const isLoading = this.loading === true;
+        return isLoading && isNotTab && isNotLink;
+    }
+    //Show button with <button> or <a> tag
+    showButtonLink() {
+        return this.variant !== 'link';
+    }
+    setIconButtonSize() {
+        return this.size === 'big' ? '40' : this.size === 'small' ? '24' : '32';
+    }
+    onPressed(ev) {
+        if (ev.type === 'mousedown') {
+            this.buttonState = 'pressed';
+        }
+        else {
+            this.buttonState = this.hover ? 'hover' : 'default';
+        }
+        this.styleCss = this.setCssStyle();
+    }
+    focus(origin) {
+        this.buttonElement.focus(origin);
+    }
+    get getCompanyColor() {
+        return this.companyColor || ((this.variant === 'text' || this.variant === 'text-inline') ? this.applicationTheme === 'dark' ? '#ffffff' : '#242424' : (this.applicationTheme === 'classic' ? '#46A997' : '#D410AA'));
+    }
+    get shouldChangeFilledStatus() {
+        return this.applicationTheme !== 'classic' && this.variant !== 'primary' && this.variant !== 'secondary' && !this.coloredIcons.includes(this.icon);
+    }
+    onKeydown(event) {
+        if (event.key === ' ') {
+            event.preventDefault();
+            const target = event.target;
+            target.click();
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+            this.buttonState = 'pressed';
+            this.styleCss = this.setCssStyle();
+        }
+    }
+    onKeyup(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            this.buttonState = this.hover ? 'hover' : 'default';
+            this.styleCss = this.setCssStyle();
+        }
+    }
+    onLabelEllipsisChange(state) {
+        this.labelEllipsis = state;
+    }
+    getIconName(iconName, defaultValue) {
+        if (iconName.includes('filled')) {
+            return iconName.replace(/filled/, 'in-line');
+        }
+        else if (iconName.includes('in-line')) {
+            return iconName.replace(/in-line/, 'filled');
+        }
+        else {
+            return (iconName + defaultValue);
+        }
+    }
+    createAriaLabelledById() {
+        const labelledByValue = this.variant === 'link' ? 'labelledby-link' : 'labelledby';
+        this.ariaLabelledbyId = `${labelledByValue}-uiButton-${++ButtonComponent.nextAriaLabelledId}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ButtonComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: ButtonComponent, isStandalone: false, selector: "ui-button", inputs: { size: "size", variant: "variant", label: "label", iconPosition: "iconPosition", justIcon: "justIcon", iconName: "iconName", disabled: "disabled", loading: "loading", fullWidth: "fullWidth", url: "url", urlTarget: "urlTarget", value: "value", tooltip: "tooltip", isPremium: "isPremium", type: "type", companyColor: "companyColor", buttonBadgeConfig: "buttonBadgeConfig", applicationTheme: "applicationTheme", disabledScaleOnClick: "disabledScaleOnClick", ariaLabel: "ariaLabel", ariaRequired: "ariaRequired", ariaLabelledby: "ariaLabelledby", ariaDescribedby: "ariaDescribedby", preventDefault: ["preventDefault", "preventDefault", booleanAttribute], hasBackground: ["hasBackground", "hasBackground", booleanAttribute], tooltipPosition: "tooltipPosition", role: "role", iconFilled: "iconFilled" }, outputs: { buttonClickEvent: "buttonClickEvent", buttonHoverEvent: "buttonHoverEvent" }, host: { properties: { "style.pointer-events": "this.enabled", "attr.btn-variant": "this.variant", "attr.theme": "this.applicationTheme", "style.--color": "this.compColor" } }, viewQueries: [{ propertyName: "tooltipElement", first: true, predicate: ["tooltipElement"], descendants: true }, { propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #tooltipElement\n  class=\"tooltip\"\n  [matTooltip]=\"tooltip ? tooltip : labelEllipsis ? label : ''\"\n  [matTooltipClass]=\"applicationTheme\"\n></div>\n<div\n  class=\"button-wrapper\"\n  [ngClass]=\"{\n    'full-width': fullWidth,\n    'rounded-icon': applicationTheme !== 'classic' && icon && !label,\n    link: !isButtonLink,\n  }\"\n>\n  <div\n    class=\"button-container\"\n    [ngClass]=\"{\n      disabled: disabled,\n      'button-scale': buttonState === 'pressed' && applicationTheme !== 'classic' && !disabledScaleOnClick,\n    }\"\n  >\n    <span *ngIf=\"isPremium && typeIncluded\" class=\"right-top\">\n      <img [attr.src]=\"'/images/premium.svg'\" [alt]=\"'premium-icon'\" />\n    </span>\n    <ui-badge\n      id=\"badge\"\n      *ngIf=\"buttonBadgeConfig?.badgeType\"\n      [rebrandColor]=\"buttonBadgeConfig?.rebrandColor ?? 'brand'\"\n      [variant]=\"buttonBadgeConfig!.badgeType!\"\n      [label]=\"buttonBadgeConfig?.badgeLabel ?? ''\"\n      [notificationsAmount]=\"buttonBadgeConfig?.badgeNotificationAmount ?? 0\"\n      class=\"right-top\"\n      [ngClass]=\"[\n        buttonBadgeConfig?.badgeType === 'primary' ? 'badge-primary' : '',\n        buttonBadgeConfig?.badgeType === 'notification' ? 'badge-notification' : '',\n        variant,\n      ]\"\n    ></ui-badge>\n    <button\n      [style]=\"'--icon-button-size:' + iconButtonSize + 'px'\"\n      [ngClass]=\"classCss\"\n      [ngStyle]=\"styleCss\"\n      [disabled]=\"disabled\"\n      (click)=\"buttonClick($event)\"\n      (mouseleave)=\"buttonHover($event)\"\n      (mouseenter)=\"buttonHover($event)\"\n      (mousedown)=\"onPressed($event)\"\n      (mouseup)=\"onPressed($event)\"\n      (keydown)=\"onKeydown($event)\"\n      (keyup)=\"onKeyup($event)\"\n      *ngIf=\"isButtonLink\"\n      [attr.aria-required]=\"ariaRequired\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-labelledby]=\"ariaLabelledbyId\"\n      [attr.aria-describedby]=\"'describedby'\"\n      [attr.aria-disabled]=\"disabled\"\n      [type]=\"type\"\n      [disableRipple]=\"applicationTheme !== 'classic'\"\n      [matTooltip]=\"tooltip ? tooltip : labelEllipsis ? label : ''\"\n      [matTooltipClass]=\"applicationTheme\"\n      [matTooltipPosition]=\"tooltipPosition\"\n      #buttonElement\n      [attr.role]=\"role\"\n      mat-flat-button\n    >\n      <span id=\"describedby\" [style.display]=\"'none'\">\n        {{ isPremium ? label + ' ' + ('BUTTON.PREMIUM_FEATURE' | uiTranslate | async) : ariaDescribedby }}\n      </span>\n      <span [id]=\"ariaLabelledbyId\" [style.display]=\"'none'\">\n        {{ ariaLabelledby }}\n      </span>\n      <ng-container *ngIf=\"showSpinner; else icons\">\n        <span class=\"spinner-wrapper\">\n          <mat-spinner class=\"position-spinner\" aria-label=\"loading\" mode=\"indeterminate\" diameter=\"24\"></mat-spinner>\n        </span>\n      </ng-container>\n      <ng-template #icons>\n        <span class=\"icon-only-wrapper\" *ngIf=\"justIcon && !!icon\">\n          <span class=\"icon only\" role=\"label\">\n            <ui-icon\n              [color]=\"variant === 'ghost-ai' ? 'ai' : 'inherit'\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"icon\"\n              [filled]=\"isFilledIcon || iconFilled\"\n              [useFullIconName]=\"variant === 'primary' || variant === 'secondary'\"\n              [size]=\"size === 'small' ? '16' : '24'\"\n            ></ui-icon>\n          </span>\n        </span>\n\n        <span class=\"icon-label-wrapper\" [ngClass]=\"{ 'center-text': iconName === '' }\" *ngIf=\"!justIcon\">\n          <span class=\"icon\" *ngIf=\"iconPosition === 'left' && !!iconName\" aria-hidden=\"true\">\n            <ui-icon\n              [color]=\"variant === 'ghost-ai' ? 'ai' : 'inherit'\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"icon\"\n              [filled]=\"isFilledIcon || iconFilled\"\n              [useFullIconName]=\"variant === 'primary' || variant === 'secondary'\"\n              [size]=\"size === 'small' ? '16' : '24'\"\n            ></ui-icon>\n          </span>\n          <span\n            *ngIf=\"isLabel\"\n            class=\"label\"\n            id=\"label\"\n            uiEllipseText\n            [isMultiline]=\"true\"\n            (onChangeTextState)=\"onLabelEllipsisChange($event)\"\n          >\n            {{ label }}\n          </span>\n          <span class=\"icon\" *ngIf=\"iconPosition === 'right' && !!icon\" aria-hidden=\"true\"\n            ><ui-icon\n              [color]=\"variant === 'ghost-ai' ? 'ai' : 'inherit'\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"icon\"\n              [filled]=\"isFilledIcon || iconFilled\"\n              [size]=\"size === 'small' ? '16' : '24'\"\n              [useFullIconName]=\"variant === 'primary' || variant === 'secondary'\"\n            ></ui-icon\n          ></span>\n        </span>\n      </ng-template>\n    </button>\n    <a\n      #buttonElement\n      [ngClass]=\"classCss\"\n      [ngStyle]=\"styleCss\"\n      [disabled]=\"disabled\"\n      (click)=\"buttonClick($event)\"\n      (mouseenter)=\"buttonHover($event)\"\n      (mouseleave)=\"buttonHover($event)\"\n      (mousedown)=\"onPressed($event)\"\n      (mouseup)=\"onPressed($event)\"\n      (keydown)=\"onKeydown($event)\"\n      (keyup)=\"onKeyup($event)\"\n      [disableRipple]=\"true\"\n      *ngIf=\"!isButtonLink\"\n      [attr.aria-required]=\"ariaRequired\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-labelledby]=\"ariaLabelledbyId\"\n      [attr.aria-describedby]=\"'describedby-link'\"\n      [attr.aria-disabled]=\"disabled\"\n      [matTooltip]=\"tooltip ? tooltip : labelEllipsis ? label : ''\"\n      [matTooltipClass]=\"applicationTheme\"\n      role=\"link\"\n      [href]=\"url\"\n      [target]=\"urlTarget\"\n      mat-flat-button\n    >\n      <span id=\"describedby-link\" [style.display]=\"'none'\">\n        {{ ariaDescribedby }}\n      </span>\n      <span [id]=\"ariaLabelledbyId\" [style.display]=\"'none'\">\n        {{ ariaLabelledby }}\n      </span>\n      <span class=\"icon-label-wrapper\">\n        {{ label }}\n      </span>\n    </a>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}@keyframes focus-ring-animation{0%{outline-width:4px}to{outline-width:2px}}:host{position:relative}:host ::ng-deep button.cdk-keyboard-focused:not(.text,.text-inline),:host a:focus-visible.cdk-keyboard-focused:not(.text,.text-inline){outline-color:#242424!important;outline-style:solid!important;outline-offset:2px;animation:focus-ring-animation .4s forwards}:host ::ng-deep button.icon-button.cdk-keyboard-focused,:host ::ng-deep button.menuTrigger.cdk-keyboard-focused,:host a:focus-visible.icon-button.cdk-keyboard-focused,:host a:focus-visible.menuTrigger.cdk-keyboard-focused{border:unset!important}:host a:focus-visible{border-radius:2px!important}:host .tooltip{position:absolute;top:0;left:0;width:fit-content;height:100%;pointer-events:auto}.rounded-icon button{min-width:unset}.rounded-icon .mdc-button{width:48px!important;min-width:unset}.rounded-icon .mdc-button .icon{margin:0!important}.rounded-icon .big,.rounded-icon .small{padding:0!important}:host{display:flex}:host .button-container{width:100%}:host .button-container.button-scale{transform:scale(.98)}:host .button-wrapper.full-width{width:100%}:host .button-wrapper ::ng-deep .mdc-button__label,:host .button-wrapper ::ng-deep .icon-label-wrapper{width:100%}:host .button-wrapper ::ng-deep .label{text-align:left;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box!important;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}:host .button-wrapper ::ng-deep button{width:100%}button.mat-mdc-unelevated-button,a.mat-mdc-unelevated-button{font-size:14px;font-weight:600;line-height:normal;letter-spacing:normal}button.mat-mdc-unelevated-button .spinner-wrapper,a.mat-mdc-unelevated-button .spinner-wrapper{display:flex;align-items:center;flex-flow:column;width:100%}button.mat-mdc-unelevated-button .icon,a.mat-mdc-unelevated-button .icon{display:flex;height:100%;align-items:center}button.mat-mdc-unelevated-button .icon.only,a.mat-mdc-unelevated-button .icon.only{align-items:center;flex-flow:column;justify-content:center;margin-left:0}button.mat-mdc-unelevated-button .icon-label-wrapper,a.mat-mdc-unelevated-button .icon-label-wrapper{display:flex;align-items:center;justify-content:center;height:100%}button.mat-mdc-unelevated-button .icon-label-wrapper.center-text,a.mat-mdc-unelevated-button .icon-label-wrapper.center-text{flex-flow:column;width:100%}button.mat-mdc-unelevated-button .icon-label-wrapper .label,a.mat-mdc-unelevated-button .icon-label-wrapper .label{display:flex;height:100%;align-items:center;text-align:center;font-weight:500}button.mat-mdc-unelevated-button.big,a.mat-mdc-unelevated-button.big{height:48px;padding:12px 24px}button.mat-mdc-unelevated-button.small,a.mat-mdc-unelevated-button.small{height:38px;padding:7px 11px}button.mat-mdc-unelevated-button.classic-theme.big,a.mat-mdc-unelevated-button.classic-theme.big{height:48px;padding:12px 16px}button.mat-mdc-unelevated-button.small.left .icon,button.mat-mdc-unelevated-button.big.left .icon,a.mat-mdc-unelevated-button.small.left .icon,a.mat-mdc-unelevated-button.big.left .icon{margin-right:8px}button.mat-mdc-unelevated-button.small.right .icon,button.mat-mdc-unelevated-button.big.right .icon,a.mat-mdc-unelevated-button.small.right .icon,a.mat-mdc-unelevated-button.big.right .icon{margin-left:8px}button.mat-mdc-unelevated-button.small.only-icon .icon,button.mat-mdc-unelevated-button.big.only-icon .icon,a.mat-mdc-unelevated-button.small.only-icon .icon,a.mat-mdc-unelevated-button.big.only-icon .icon{margin-left:0}button.mat-mdc-unelevated-button.primary,button.mat-mdc-unelevated-button.secondary,button.mat-mdc-unelevated-button.secondary-inverted,button.mat-mdc-unelevated-button.ghost,button.mat-mdc-unelevated-button.ghost-ai,button.mat-mdc-unelevated-button.outlined,button.mat-mdc-unelevated-button.destructive,button.mat-mdc-unelevated-button.tertiary,button.mat-mdc-unelevated-button.link,a.mat-mdc-unelevated-button.primary,a.mat-mdc-unelevated-button.secondary,a.mat-mdc-unelevated-button.secondary-inverted,a.mat-mdc-unelevated-button.ghost,a.mat-mdc-unelevated-button.ghost-ai,a.mat-mdc-unelevated-button.outlined,a.mat-mdc-unelevated-button.destructive,a.mat-mdc-unelevated-button.tertiary,a.mat-mdc-unelevated-button.link{min-width:80px}button.mat-mdc-unelevated-button.primary.only-icon,button.mat-mdc-unelevated-button.secondary.only-icon,button.mat-mdc-unelevated-button.secondary-inverted.only-icon,button.mat-mdc-unelevated-button.ghost.only-icon,button.mat-mdc-unelevated-button.ghost-ai.only-icon,button.mat-mdc-unelevated-button.outlined.only-icon,button.mat-mdc-unelevated-button.destructive.only-icon,button.mat-mdc-unelevated-button.tertiary.only-icon,button.mat-mdc-unelevated-button.link.only-icon,a.mat-mdc-unelevated-button.primary.only-icon,a.mat-mdc-unelevated-button.secondary.only-icon,a.mat-mdc-unelevated-button.secondary-inverted.only-icon,a.mat-mdc-unelevated-button.ghost.only-icon,a.mat-mdc-unelevated-button.ghost-ai.only-icon,a.mat-mdc-unelevated-button.outlined.only-icon,a.mat-mdc-unelevated-button.destructive.only-icon,a.mat-mdc-unelevated-button.tertiary.only-icon,a.mat-mdc-unelevated-button.link.only-icon{min-width:1px}button.mat-mdc-unelevated-button.primary.full-width,button.mat-mdc-unelevated-button.secondary.full-width,button.mat-mdc-unelevated-button.secondary-inverted.full-width,button.mat-mdc-unelevated-button.ghost.full-width,button.mat-mdc-unelevated-button.ghost-ai.full-width,button.mat-mdc-unelevated-button.outlined.full-width,button.mat-mdc-unelevated-button.destructive.full-width,button.mat-mdc-unelevated-button.tertiary.full-width,button.mat-mdc-unelevated-button.link.full-width,a.mat-mdc-unelevated-button.primary.full-width,a.mat-mdc-unelevated-button.secondary.full-width,a.mat-mdc-unelevated-button.secondary-inverted.full-width,a.mat-mdc-unelevated-button.ghost.full-width,a.mat-mdc-unelevated-button.ghost-ai.full-width,a.mat-mdc-unelevated-button.outlined.full-width,a.mat-mdc-unelevated-button.destructive.full-width,a.mat-mdc-unelevated-button.tertiary.full-width,a.mat-mdc-unelevated-button.link.full-width{width:100%;min-width:100%}button.mat-mdc-unelevated-button.primary.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.secondary.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.secondary-inverted.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.ghost.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.ghost-ai.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.outlined.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.destructive.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.tertiary.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.link.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.primary.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.secondary.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.secondary-inverted.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.ghost.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.ghost-ai.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.outlined.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.destructive.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.tertiary.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.link.full-width .icon-label-wrapper{justify-content:center}button.mat-mdc-unelevated-button.primary,a.mat-mdc-unelevated-button.primary{background-color:var(--color);color:#fff;border-radius:1000px}button.mat-mdc-unelevated-button.primary-disabled,a.mat-mdc-unelevated-button.primary-disabled{opacity:.75}button.mat-mdc-unelevated-button.primary.classic-theme,a.mat-mdc-unelevated-button.primary.classic-theme{border-radius:4px}button.mat-mdc-unelevated-button.primary.classic-theme:disabled,button.mat-mdc-unelevated-button.primary.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.primary.classic-theme:disabled,a.mat-mdc-unelevated-button.primary.classic-theme:disabled:hover{background-color:#b5ddd5}button.mat-mdc-unelevated-button.primary.light-theme:disabled,button.mat-mdc-unelevated-button.primary.light-theme:disabled:hover,a.mat-mdc-unelevated-button.primary.light-theme:disabled,a.mat-mdc-unelevated-button.primary.light-theme:disabled:hover{background-color:#e9e9e9;color:#666}button.mat-mdc-unelevated-button.primary.light-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.primary.light-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary.light-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary.light-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#666}button.mat-mdc-unelevated-button.primary.dark-theme:disabled,button.mat-mdc-unelevated-button.primary.dark-theme:disabled:hover,a.mat-mdc-unelevated-button.primary.dark-theme:disabled,a.mat-mdc-unelevated-button.primary.dark-theme:disabled:hover{background-color:#666;color:#d3d3d3}button.mat-mdc-unelevated-button.primary.dark-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.primary.dark-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary.dark-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary.dark-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3}button.mat-mdc-unelevated-button.primary ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.primary .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.primary .mat-mdc-progress-spinner ::ng-deep circle{stroke:#fff}button.mat-mdc-unelevated-button.secondary,a.mat-mdc-unelevated-button.secondary{border-radius:1000px}button.mat-mdc-unelevated-button.secondary.light-theme,a.mat-mdc-unelevated-button.secondary.light-theme{background-color:#242424;color:#fff}button.mat-mdc-unelevated-button.secondary.light-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.light-theme ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.secondary.light-theme:disabled,button.mat-mdc-unelevated-button.secondary.light-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary.light-theme:disabled,a.mat-mdc-unelevated-button.secondary.light-theme:disabled:hover{opacity:.75;background-color:#e9e9e9;color:#666}button.mat-mdc-unelevated-button.secondary.light-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary.light-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.light-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.light-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3!important}button.mat-mdc-unelevated-button.secondary.dark-theme,a.mat-mdc-unelevated-button.secondary.dark-theme{background-color:#fff;color:#242424}button.mat-mdc-unelevated-button.secondary.dark-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.dark-theme ::ng-deep mat-icon.black svg{color:#242424}button.mat-mdc-unelevated-button.secondary.dark-theme:disabled,button.mat-mdc-unelevated-button.secondary.dark-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary.dark-theme:disabled,a.mat-mdc-unelevated-button.secondary.dark-theme:disabled:hover{opacity:.75;background-color:#666;color:#d3d3d3}button.mat-mdc-unelevated-button.secondary.dark-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary.dark-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.dark-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.dark-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3}button.mat-mdc-unelevated-button.secondary:hover,a.mat-mdc-unelevated-button.secondary:hover{background-color:#666;color:#fff}button.mat-mdc-unelevated-button.secondary:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary:hover ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.secondary .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.secondary .mat-mdc-progress-spinner ::ng-deep circle{stroke:#fff}button.mat-mdc-unelevated-button.secondary.classic-theme,a.mat-mdc-unelevated-button.secondary.classic-theme{border-radius:4px;background-color:#ededed;color:#000}button.mat-mdc-unelevated-button.secondary.classic-theme:hover,a.mat-mdc-unelevated-button.secondary.classic-theme:hover{background-color:#e0e0e0}button.mat-mdc-unelevated-button.secondary.classic-theme:disabled,button.mat-mdc-unelevated-button.secondary.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary.classic-theme:disabled,a.mat-mdc-unelevated-button.secondary.classic-theme:disabled:hover{background-color:#ededed;color:#888}button.mat-mdc-unelevated-button.secondary.classic-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary.classic-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.classic-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.classic-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.secondary.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.secondary.classic-theme .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.secondary-inverted,a.mat-mdc-unelevated-button.secondary-inverted{border-radius:1000px}button.mat-mdc-unelevated-button.secondary-inverted.light-theme,a.mat-mdc-unelevated-button.secondary-inverted.light-theme{background-color:#fff;color:#242424;box-shadow:0 2px 16px #24242433}button.mat-mdc-unelevated-button.secondary-inverted.light-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.light-theme ::ng-deep mat-icon.black svg{color:#242424}button.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled,button.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled,a.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled:hover{opacity:.75;background-color:#f4f4f4;color:#666;border-color:#666}button.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#666}button.mat-mdc-unelevated-button.secondary-inverted.dark-theme,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme{background-color:#242424;color:#fff;box-shadow:0 2px 16px #ffffff4d}button.mat-mdc-unelevated-button.secondary-inverted.dark-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled,button.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled:hover{opacity:.75;background-color:#666;color:#d3d3d3;border-color:#d3d3d3}button.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3}button.mat-mdc-unelevated-button.secondary-inverted:hover,a.mat-mdc-unelevated-button.secondary-inverted:hover{background-color:#f4f4f4;color:#242424}button.mat-mdc-unelevated-button.secondary-inverted:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted:hover ::ng-deep mat-icon.black svg{color:#242424}button.mat-mdc-unelevated-button.secondary-inverted .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.secondary-inverted .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.mat-mdc-unelevated-button.outlined,a.mat-mdc-unelevated-button.outlined{background-color:#fff;color:#000;border-width:1px;border-style:solid;border-color:#000}button.mat-mdc-unelevated-button.outlined:hover,a.mat-mdc-unelevated-button.outlined:hover{background-color:#f6f6f6}button.mat-mdc-unelevated-button.outlined:disabled,button.mat-mdc-unelevated-button.outlined:disabled:hover,a.mat-mdc-unelevated-button.outlined:disabled,a.mat-mdc-unelevated-button.outlined:disabled:hover{color:#ededed;border-color:#ededed}button.mat-mdc-unelevated-button.outlined:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.outlined:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.outlined:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.outlined:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.outlined:focus.cdk-focused,a.mat-mdc-unelevated-button.outlined:focus.cdk-focused{background-color:#e0e0e0}button.mat-mdc-unelevated-button.outlined .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.outlined .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.ghost,button.mat-mdc-unelevated-button.ghost-ai,a.mat-mdc-unelevated-button.ghost,a.mat-mdc-unelevated-button.ghost-ai{border-width:1px;border-style:solid;border-radius:1000px}button.mat-mdc-unelevated-button.ghost.light-theme,button.mat-mdc-unelevated-button.ghost-ai.light-theme,a.mat-mdc-unelevated-button.ghost.light-theme,a.mat-mdc-unelevated-button.ghost-ai.light-theme{background-color:var(--ghost-background);color:#242424;border-color:#242424}button.mat-mdc-unelevated-button.ghost.light-theme.only-icon,button.mat-mdc-unelevated-button.ghost-ai.light-theme.only-icon,a.mat-mdc-unelevated-button.ghost.light-theme.only-icon,a.mat-mdc-unelevated-button.ghost-ai.light-theme.only-icon{width:48px;height:48px;padding:0}button.mat-mdc-unelevated-button.ghost.light-theme ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.ghost-ai.light-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.ghost.light-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.ghost-ai.light-theme ::ng-deep mat-icon.black svg{color:#242424}button.mat-mdc-unelevated-button.ghost.light-theme:hover,button.mat-mdc-unelevated-button.ghost-ai.light-theme:hover,a.mat-mdc-unelevated-button.ghost.light-theme:hover,a.mat-mdc-unelevated-button.ghost-ai.light-theme:hover{background-color:#f4f4f4}button.mat-mdc-unelevated-button.ghost.dark-theme,button.mat-mdc-unelevated-button.ghost-ai.dark-theme,a.mat-mdc-unelevated-button.ghost.dark-theme,a.mat-mdc-unelevated-button.ghost-ai.dark-theme{background-color:transparent;color:#fff;border-color:#fff}button.mat-mdc-unelevated-button.ghost.dark-theme.only-icon,button.mat-mdc-unelevated-button.ghost-ai.dark-theme.only-icon,a.mat-mdc-unelevated-button.ghost.dark-theme.only-icon,a.mat-mdc-unelevated-button.ghost-ai.dark-theme.only-icon{width:48px;height:48px;padding:0}button.mat-mdc-unelevated-button.ghost.dark-theme ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.ghost-ai.dark-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.ghost.dark-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.ghost-ai.dark-theme ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.ghost.dark-theme:hover,button.mat-mdc-unelevated-button.ghost-ai.dark-theme:hover,a.mat-mdc-unelevated-button.ghost.dark-theme:hover,a.mat-mdc-unelevated-button.ghost-ai.dark-theme:hover{background-color:#666}button.mat-mdc-unelevated-button.ghost.ghost-ai,button.mat-mdc-unelevated-button.ghost-ai.ghost-ai,a.mat-mdc-unelevated-button.ghost.ghost-ai,a.mat-mdc-unelevated-button.ghost-ai.ghost-ai{background:linear-gradient(to left,#fff,#fff),linear-gradient(to right,#d410aa 25%,#0165fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box;border-color:transparent}button.mat-mdc-unelevated-button.ghost.ghost-ai:hover,button.mat-mdc-unelevated-button.ghost-ai.ghost-ai:hover,a.mat-mdc-unelevated-button.ghost.ghost-ai:hover,a.mat-mdc-unelevated-button.ghost-ai.ghost-ai:hover{background:linear-gradient(to left,#e9e9e9,#e9e9e9),linear-gradient(to right,#d410aa 25%,#0165fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box}button.mat-mdc-unelevated-button.ghost:disabled,button.mat-mdc-unelevated-button.ghost:disabled:hover,button.mat-mdc-unelevated-button.ghost-ai:disabled,button.mat-mdc-unelevated-button.ghost-ai:disabled:hover,a.mat-mdc-unelevated-button.ghost:disabled,a.mat-mdc-unelevated-button.ghost:disabled:hover,a.mat-mdc-unelevated-button.ghost-ai:disabled,a.mat-mdc-unelevated-button.ghost-ai:disabled:hover{opacity:.5;background-color:transparent}button.mat-mdc-unelevated-button.ghost .mat-mdc-progress-spinner ::ng-deep circle,button.mat-mdc-unelevated-button.ghost-ai .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.ghost .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.ghost-ai .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.mat-mdc-unelevated-button.destructive,a.mat-mdc-unelevated-button.destructive{border:1px solid #E02800;background-color:#fff;color:#e02800;border-radius:1000px}button.mat-mdc-unelevated-button.destructive:hover,a.mat-mdc-unelevated-button.destructive:hover{background-color:#e02800;color:#fff}button.mat-mdc-unelevated-button.destructive:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.destructive:hover ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.destructive:disabled,button.mat-mdc-unelevated-button.destructive:disabled:hover,a.mat-mdc-unelevated-button.destructive:disabled,a.mat-mdc-unelevated-button.destructive:disabled:hover{border-color:#919191;color:#919191;background:transparent}button.mat-mdc-unelevated-button.destructive ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.destructive ::ng-deep mat-icon.black svg{color:#e02800}button.mat-mdc-unelevated-button.destructive .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.destructive .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.mat-mdc-unelevated-button.destructive.classic-theme,a.mat-mdc-unelevated-button.destructive.classic-theme{border:unset;border-radius:4px;background-color:#cb7b7a;color:#fff}button.mat-mdc-unelevated-button.destructive.classic-theme:hover,a.mat-mdc-unelevated-button.destructive.classic-theme:hover{background-color:#8e5655}button.mat-mdc-unelevated-button.destructive.classic-theme:disabled,button.mat-mdc-unelevated-button.destructive.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.destructive.classic-theme:disabled,a.mat-mdc-unelevated-button.destructive.classic-theme:disabled:hover{background-color:#e3c3c6}button.mat-mdc-unelevated-button.destructive.classic-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.destructive.classic-theme ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.destructive.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.destructive.classic-theme .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.tertiary,a.mat-mdc-unelevated-button.tertiary{background-color:transparent;color:#46a997}button.mat-mdc-unelevated-button.tertiary:hover,a.mat-mdc-unelevated-button.tertiary:hover{background-color:#f6f6f6;color:#31766a}button.mat-mdc-unelevated-button.tertiary:disabled,button.mat-mdc-unelevated-button.tertiary:disabled:hover,a.mat-mdc-unelevated-button.tertiary:disabled,a.mat-mdc-unelevated-button.tertiary:disabled:hover{opacity:.75;background-color:#fff;color:#b5ddd5}button.mat-mdc-unelevated-button.tertiary:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.tertiary:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tertiary:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tertiary:disabled:hover ::ng-deep mat-icon.black svg{color:#b5ddd5}button.mat-mdc-unelevated-button.tertiary ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tertiary ::ng-deep mat-icon.black svg{color:var(--color)}button.mat-mdc-unelevated-button.tertiary .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.tertiary .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.link,a.mat-mdc-unelevated-button.link{background-color:transparent;color:#d410aa;border-radius:0}button.mat-mdc-unelevated-button.link ::ng-deep .mat-mdc-button-persistent-ripple,a.mat-mdc-unelevated-button.link ::ng-deep .mat-mdc-button-persistent-ripple{display:none}button.mat-mdc-unelevated-button.link span.icon-label-wrapper,a.mat-mdc-unelevated-button.link span.icon-label-wrapper{text-decoration:underline}button.mat-mdc-unelevated-button.link:hover,a.mat-mdc-unelevated-button.link:hover{color:#a90686!important}button.mat-mdc-unelevated-button.link:active,a.mat-mdc-unelevated-button.link:active{color:#ff54da!important}button.mat-mdc-unelevated-button.link ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.link ::ng-deep .mdc-button__label{padding:4px}button.mat-mdc-unelevated-button.link:active ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.link:active ::ng-deep .mdc-button__label{padding:4px}button.mat-mdc-unelevated-button.link:disabled,button.mat-mdc-unelevated-button.link:disabled:hover,a.mat-mdc-unelevated-button.link:disabled,a.mat-mdc-unelevated-button.link:disabled:hover{color:#d3d3d3}button.mat-mdc-unelevated-button.link ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.link ::ng-deep mat-icon.black svg{color:var(--color)}button.mat-mdc-unelevated-button.link.classic-theme,a.mat-mdc-unelevated-button.link.classic-theme{background-color:transparent;color:#46a997;border-radius:0}button.mat-mdc-unelevated-button.link.classic-theme span.icon-label-wrapper,a.mat-mdc-unelevated-button.link.classic-theme span.icon-label-wrapper{text-decoration:underline}button.mat-mdc-unelevated-button.link.classic-theme:hover,a.mat-mdc-unelevated-button.link.classic-theme:hover{color:#31766a}button.mat-mdc-unelevated-button.link.classic-theme:disabled,button.mat-mdc-unelevated-button.link.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.link.classic-theme:disabled,a.mat-mdc-unelevated-button.link.classic-theme:disabled:hover{color:#b5ddd5}button.mat-mdc-unelevated-button.link.classic-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.link.classic-theme ::ng-deep mat-icon.black svg{color:var(--color)}button.mat-mdc-unelevated-button.text,button.mat-mdc-unelevated-button.text-inline,a.mat-mdc-unelevated-button.text,a.mat-mdc-unelevated-button.text-inline{background-color:transparent;border-radius:0;text-decoration:underline}button.mat-mdc-unelevated-button.text:is(.text-inline),button.mat-mdc-unelevated-button.text-inline:is(.text-inline),a.mat-mdc-unelevated-button.text:is(.text-inline),a.mat-mdc-unelevated-button.text-inline:is(.text-inline){padding:0;height:auto}button.mat-mdc-unelevated-button.text:is(.text-inline) ::ng-deep .mdc-button__label,button.mat-mdc-unelevated-button.text-inline:is(.text-inline) ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text:is(.text-inline) ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text-inline:is(.text-inline) ::ng-deep .mdc-button__label{padding:0}button.mat-mdc-unelevated-button.text:is(.text-inline) ::ng-deep .mat-mdc-button-touch-target,button.mat-mdc-unelevated-button.text-inline:is(.text-inline) ::ng-deep .mat-mdc-button-touch-target,a.mat-mdc-unelevated-button.text:is(.text-inline) ::ng-deep .mat-mdc-button-touch-target,a.mat-mdc-unelevated-button.text-inline:is(.text-inline) ::ng-deep .mat-mdc-button-touch-target{height:100%}button.mat-mdc-unelevated-button.text:is(.text-inline).small .label,button.mat-mdc-unelevated-button.text-inline:is(.text-inline).small .label,a.mat-mdc-unelevated-button.text:is(.text-inline).small .label,a.mat-mdc-unelevated-button.text-inline:is(.text-inline).small .label{font-size:12px;line-height:16px}button.mat-mdc-unelevated-button.text:is(.text-inline).medium .label,button.mat-mdc-unelevated-button.text-inline:is(.text-inline).medium .label,a.mat-mdc-unelevated-button.text:is(.text-inline).medium .label,a.mat-mdc-unelevated-button.text-inline:is(.text-inline).medium .label{font-size:14px;line-height:22px}button.mat-mdc-unelevated-button.text:is(.text-inline).big .label,button.mat-mdc-unelevated-button.text-inline:is(.text-inline).big .label,a.mat-mdc-unelevated-button.text:is(.text-inline).big .label,a.mat-mdc-unelevated-button.text-inline:is(.text-inline).big .label{font-size:16px;line-height:24px}button.mat-mdc-unelevated-button.text.light-theme,button.mat-mdc-unelevated-button.text-inline.light-theme,a.mat-mdc-unelevated-button.text.light-theme,a.mat-mdc-unelevated-button.text-inline.light-theme{color:var(--color)}button.mat-mdc-unelevated-button.text.light-theme:active,button.mat-mdc-unelevated-button.text-inline.light-theme:active,a.mat-mdc-unelevated-button.text.light-theme:active,a.mat-mdc-unelevated-button.text-inline.light-theme:active,button.mat-mdc-unelevated-button.text.light-theme:hover,button.mat-mdc-unelevated-button.text-inline.light-theme:hover,a.mat-mdc-unelevated-button.text.light-theme:hover,a.mat-mdc-unelevated-button.text-inline.light-theme:hover{color:var(--active-color)!important}button.mat-mdc-unelevated-button.text.dark-theme,button.mat-mdc-unelevated-button.text-inline.dark-theme,a.mat-mdc-unelevated-button.text.dark-theme,a.mat-mdc-unelevated-button.text-inline.dark-theme{color:var(--color)}button.mat-mdc-unelevated-button.text.dark-theme:active,button.mat-mdc-unelevated-button.text-inline.dark-theme:active,a.mat-mdc-unelevated-button.text.dark-theme:active,a.mat-mdc-unelevated-button.text-inline.dark-theme:active{color:var(--active-color)!important}button.mat-mdc-unelevated-button.text.dark-theme:hover,button.mat-mdc-unelevated-button.text-inline.dark-theme:hover,a.mat-mdc-unelevated-button.text.dark-theme:hover,a.mat-mdc-unelevated-button.text-inline.dark-theme:hover{color:var(--active-color)}button.mat-mdc-unelevated-button.text ::ng-deep .mat-mdc-button-persistent-ripple,button.mat-mdc-unelevated-button.text-inline ::ng-deep .mat-mdc-button-persistent-ripple,a.mat-mdc-unelevated-button.text ::ng-deep .mat-mdc-button-persistent-ripple,a.mat-mdc-unelevated-button.text-inline ::ng-deep .mat-mdc-button-persistent-ripple{display:none}button.mat-mdc-unelevated-button.text span.icon-label-wrapper,button.mat-mdc-unelevated-button.text-inline span.icon-label-wrapper,a.mat-mdc-unelevated-button.text span.icon-label-wrapper,a.mat-mdc-unelevated-button.text-inline span.icon-label-wrapper{text-decoration:underline}button.mat-mdc-unelevated-button.text:disabled,button.mat-mdc-unelevated-button.text:disabled:hover,button.mat-mdc-unelevated-button.text-inline:disabled,button.mat-mdc-unelevated-button.text-inline:disabled:hover,a.mat-mdc-unelevated-button.text:disabled,a.mat-mdc-unelevated-button.text:disabled:hover,a.mat-mdc-unelevated-button.text-inline:disabled,a.mat-mdc-unelevated-button.text-inline:disabled:hover{color:#d3d3d3}button.mat-mdc-unelevated-button.text:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text:disabled:hover ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text-inline:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text-inline:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text-inline:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text-inline:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3}button.mat-mdc-unelevated-button.text ::ng-deep .mdc-button__label,button.mat-mdc-unelevated-button.text-inline ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text-inline ::ng-deep .mdc-button__label{padding:4px}button.mat-mdc-unelevated-button.text:focus:not(.text-inline) ::ng-deep .mdc-button__label,button.mat-mdc-unelevated-button.text-inline:focus:not(.text-inline) ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text:focus:not(.text-inline) ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text-inline:focus:not(.text-inline) ::ng-deep .mdc-button__label{padding:4px}button.mat-mdc-unelevated-button.text:focus-visible ::ng-deep .mdc-button__label,button.mat-mdc-unelevated-button.text-inline:focus-visible ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text:focus-visible ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text-inline:focus-visible ::ng-deep .mdc-button__label{border-radius:2px;outline-color:#242424!important;outline-style:solid!important;outline-offset:2px!important;animation:focus-ring-animation .4s forwards}button.mat-mdc-unelevated-button.text .mat-mdc-progress-spinner ::ng-deep circle,button.mat-mdc-unelevated-button.text-inline .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.text .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.text-inline .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.mat-mdc-unelevated-button.text.classic-theme,button.mat-mdc-unelevated-button.text-inline.classic-theme,a.mat-mdc-unelevated-button.text.classic-theme,a.mat-mdc-unelevated-button.text-inline.classic-theme{background-color:transparent;color:#000;border-radius:0;text-decoration:underline}button.mat-mdc-unelevated-button.text.classic-theme span.icon-label-wrapper,button.mat-mdc-unelevated-button.text-inline.classic-theme span.icon-label-wrapper,a.mat-mdc-unelevated-button.text.classic-theme span.icon-label-wrapper,a.mat-mdc-unelevated-button.text-inline.classic-theme span.icon-label-wrapper{text-decoration:underline}button.mat-mdc-unelevated-button.text.classic-theme:hover,button.mat-mdc-unelevated-button.text-inline.classic-theme:hover,a.mat-mdc-unelevated-button.text.classic-theme:hover,a.mat-mdc-unelevated-button.text-inline.classic-theme:hover{color:#000}button.mat-mdc-unelevated-button.text.classic-theme:disabled,button.mat-mdc-unelevated-button.text.classic-theme:disabled:hover,button.mat-mdc-unelevated-button.text-inline.classic-theme:disabled,button.mat-mdc-unelevated-button.text-inline.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.text.classic-theme:disabled,a.mat-mdc-unelevated-button.text.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.text-inline.classic-theme:disabled,a.mat-mdc-unelevated-button.text-inline.classic-theme:disabled:hover{color:#888}button.mat-mdc-unelevated-button.text.classic-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text.classic-theme:disabled:hover ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text-inline.classic-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text-inline.classic-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text.classic-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text.classic-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text-inline.classic-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text-inline.classic-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.text.classic-theme:focus.cdk-focused,button.mat-mdc-unelevated-button.text-inline.classic-theme:focus.cdk-focused,a.mat-mdc-unelevated-button.text.classic-theme:focus.cdk-focused,a.mat-mdc-unelevated-button.text-inline.classic-theme:focus.cdk-focused{color:#000}button.mat-mdc-unelevated-button.text.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,button.mat-mdc-unelevated-button.text-inline.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.text.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.text-inline.classic-theme .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.squareicon,a.mat-mdc-unelevated-button.squareicon{background-color:#ededed;color:#000;min-width:56px}button.mat-mdc-unelevated-button.squareicon:hover,a.mat-mdc-unelevated-button.squareicon:hover{background-color:#e0e0e0}button.mat-mdc-unelevated-button.squareicon:disabled,button.mat-mdc-unelevated-button.squareicon:disabled:hover,a.mat-mdc-unelevated-button.squareicon:disabled,a.mat-mdc-unelevated-button.squareicon:disabled:hover{background-color:#ededed;color:#888}button.mat-mdc-unelevated-button.squareicon:focus.cdk-focused.cdk-mouse-focused,a.mat-mdc-unelevated-button.squareicon:focus.cdk-focused.cdk-mouse-focused{background-color:#ededed}button.mat-mdc-unelevated-button.squareicon .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.squareicon .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.squareicon .icon-label-wrapper,a.mat-mdc-unelevated-button.squareicon .icon-label-wrapper{flex-flow:column}button.mat-mdc-unelevated-button.squareicon.left .icon,button.mat-mdc-unelevated-button.squareicon.right .icon,a.mat-mdc-unelevated-button.squareicon.left .icon,a.mat-mdc-unelevated-button.squareicon.right .icon{margin:0 auto}button.mat-mdc-unelevated-button.tab,a.mat-mdc-unelevated-button.tab{background-color:#fff;color:#000;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e0e0e0;border-radius:0}button.mat-mdc-unelevated-button.tab:hover .label,button.mat-mdc-unelevated-button.tab:hover .icon.only,a.mat-mdc-unelevated-button.tab:hover .label,a.mat-mdc-unelevated-button.tab:hover .icon.only{text-decoration:underline}button.mat-mdc-unelevated-button.tab:disabled,button.mat-mdc-unelevated-button.tab:disabled:hover,a.mat-mdc-unelevated-button.tab:disabled,a.mat-mdc-unelevated-button.tab:disabled:hover{color:#888}button.mat-mdc-unelevated-button.tab:disabled .label,button.mat-mdc-unelevated-button.tab:disabled:hover .label,a.mat-mdc-unelevated-button.tab:disabled .label,a.mat-mdc-unelevated-button.tab:disabled:hover .label{text-decoration:none}button.mat-mdc-unelevated-button.tab:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.tab:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tab:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tab:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.tab:focus.cdk-focused.cdk-mouse-focused,a.mat-mdc-unelevated-button.tab:focus.cdk-focused.cdk-mouse-focused{font-weight:700;border-color:#276678}button.mat-mdc-unelevated-button.menuTrigger.classic-theme,a.mat-mdc-unelevated-button.menuTrigger.classic-theme{background:transparent;min-width:24px;height:24px;padding:0}button.mat-mdc-unelevated-button.menuTrigger.classic-theme:hover,a.mat-mdc-unelevated-button.menuTrigger.classic-theme:hover{background-color:#e0e0e0}button.mat-mdc-unelevated-button.menuTrigger.classic-theme:disabled,button.mat-mdc-unelevated-button.menuTrigger.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.menuTrigger.classic-theme:disabled,a.mat-mdc-unelevated-button.menuTrigger.classic-theme:disabled:hover{background-color:#fff;color:#888}button.mat-mdc-unelevated-button.menuTrigger.classic-theme:focus.cdk-focused.cdk-mouse-focused,a.mat-mdc-unelevated-button.menuTrigger.classic-theme:focus.cdk-focused.cdk-mouse-focused{background-color:transparent}button.mat-mdc-unelevated-button.menuTrigger.classic-theme .icon-label-wrapper,a.mat-mdc-unelevated-button.menuTrigger.classic-theme .icon-label-wrapper{flex-flow:column}button.mat-mdc-unelevated-button.menuTrigger.classic-theme.left .icon,button.mat-mdc-unelevated-button.menuTrigger.classic-theme.right .icon,a.mat-mdc-unelevated-button.menuTrigger.classic-theme.left .icon,a.mat-mdc-unelevated-button.menuTrigger.classic-theme.right .icon{margin:0 auto}button.mat-mdc-unelevated-button.menuCell,a.mat-mdc-unelevated-button.menuCell{background-color:#fff;color:#000;font-weight:400;border-radius:0;min-width:100%;justify-content:flex-start}button.mat-mdc-unelevated-button.menuCell.classic-theme.big.left .icon,a.mat-mdc-unelevated-button.menuCell.classic-theme.big.left .icon{margin-right:16px}button.mat-mdc-unelevated-button.menuCell.big.left .icon,a.mat-mdc-unelevated-button.menuCell.big.left .icon{margin-right:8px}button.mat-mdc-unelevated-button.menuCell .icon-label-wrapper,a.mat-mdc-unelevated-button.menuCell .icon-label-wrapper{justify-content:flex-start}button.mat-mdc-unelevated-button.menuCell:hover,a.mat-mdc-unelevated-button.menuCell:hover{background-color:#e0e0e0}button.mat-mdc-unelevated-button.menuCell:disabled,button.mat-mdc-unelevated-button.menuCell:disabled:hover,a.mat-mdc-unelevated-button.menuCell:disabled,a.mat-mdc-unelevated-button.menuCell:disabled:hover{background-color:#fff;color:#888}button.mat-mdc-unelevated-button.menuCell:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.menuCell:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.menuCell:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.menuCell:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.menuCell .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.menuCell .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}.button-wrapper{position:relative;height:fit-content}.button-wrapper .menuTrigger:not(.classic-theme),.button-wrapper .icon-button{border:none;border-radius:100%;width:var(--icon-button-size)!important;height:var(--icon-button-size)!important;cursor:pointer;background-color:unset}::ng-deep .button-wrapper .menuTrigger:not(.classic-theme).mat-mdc-unelevated-button:not(:disabled),::ng-deep .button-wrapper .icon-button.mat-mdc-unelevated-button:not(:disabled){background-color:unset}::ng-deep .button-wrapper .menuTrigger:not(.classic-theme).mdc-button,::ng-deep .button-wrapper .icon-button.mdc-button{min-width:var(--icon-button-size)!important}.button-wrapper .menuTrigger:not(.classic-theme) ::ng-deep .mat-mdc-button-touch-target,.button-wrapper .icon-button ::ng-deep .mat-mdc-button-touch-target{height:var(--icon-button-size)!important}.button-wrapper .menuTrigger:not(.classic-theme):disabled,.button-wrapper .icon-button:disabled{pointer-events:none;background:unset}.button-wrapper .menuTrigger:not(.classic-theme):disabled.classic-theme ::ng-deep mat-icon svg,.button-wrapper .icon-button:disabled.classic-theme ::ng-deep mat-icon svg{color:#888}.button-wrapper .menuTrigger:not(.classic-theme):hover,.button-wrapper .icon-button:hover{background-color:#f6f6f6}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme:disabled,.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme:disabled:hover ::ng-deep mat-icon svg,.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme:disabled,.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme:disabled:hover ::ng-deep mat-icon svg,.button-wrapper .icon-button:not(.has-company-color).light-theme:disabled,.button-wrapper .icon-button:not(.has-company-color).light-theme:disabled:hover ::ng-deep mat-icon svg,.button-wrapper .icon-button:not(.has-company-color).dark-theme:disabled,.button-wrapper .icon-button:not(.has-company-color).dark-theme:disabled:hover ::ng-deep mat-icon svg{color:#919191!important}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme,.button-wrapper .icon-button:not(.has-company-color).light-theme{color:#242424!important}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme:hover,.button-wrapper .icon-button:not(.has-company-color).light-theme:hover{background-color:#e9e9e9}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme:focus.cdk-focused,.button-wrapper .icon-button:not(.has-company-color).light-theme:focus.cdk-focused{border-color:#666}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme,.button-wrapper .icon-button:not(.has-company-color).dark-theme{color:#fff!important}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme:hover,.button-wrapper .icon-button:not(.has-company-color).dark-theme:hover{background-color:#666}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme:focus.cdk-focused,.button-wrapper .icon-button:not(.has-company-color).dark-theme:focus.cdk-focused{border-color:#e9e9e9}.button-wrapper .menuTrigger:focus.cdk-focused.cdk-mouse-focused.light-theme{border:none;background-color:#e9e9e9;color:#242424}.button-wrapper .menuTrigger:focus.cdk-focused.cdk-mouse-focused.dark-theme{border:none;background-color:#666;color:#fff}.button-wrapper .right-top{position:absolute;right:-8px;top:-8px;z-index:1}.button-wrapper .right-top.badge-notification{top:-4px;right:0;border:1px solid #ffffff;border-radius:100%}.button-wrapper .right-top.badge-primary{right:-4px}.button-wrapper .right-top.menuCell{top:12px;right:12px}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}:host[btn-variant=link]{display:inline-flex}::ng-deep .link .button-container{display:flex}::ng-deep .link a.mat-mdc-unelevated-button.link{height:unset!important;min-width:unset!important;border-radius:10px}::ng-deep .link a.mat-mdc-unelevated-button.link:active .mdc-button__label{padding:0!important;outline:none!important}::ng-deep .link a.mat-mdc-unelevated-button{padding:0!important}::ng-deep .link a.mat-mdc-unelevated-button .mdc-button__label{padding:0!important}::ng-deep .link a.mat-mdc-unelevated-button.big,::ng-deep .link a.mat-mdc-unelevated-button.small{padding:0!important}::ng-deep .link a.mat-mdc-unelevated-button.big .mdc-button__label,::ng-deep .link a.mat-mdc-unelevated-button.small .mdc-button__label{padding:0!important}::ng-deep .link a.mat-mdc-unelevated-button.big .mdc-button__label .icon-label-wrapper{font-size:16px!important;line-height:24px!important}::ng-deep .link a.mat-mdc-unelevated-button.small .mdc-button__label .icon-label-wrapper{font-size:12px!important;line-height:16px!important}::ng-deep .link a.mat-mdc-unelevated-button .mat-mdc-button-touch-target{height:unset!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i6.BadgeComponent, selector: "ui-badge", inputs: ["label", "icon", "color", "variant", "notificationsAmount", "applicationTheme", "rebrandColor", "truncateLabel", "enableAnimation"] }, { kind: "directive", type: i7.EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.UiTranslatePipe, name: "uiTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-button', standalone: false, template: "<div\n  #tooltipElement\n  class=\"tooltip\"\n  [matTooltip]=\"tooltip ? tooltip : labelEllipsis ? label : ''\"\n  [matTooltipClass]=\"applicationTheme\"\n></div>\n<div\n  class=\"button-wrapper\"\n  [ngClass]=\"{\n    'full-width': fullWidth,\n    'rounded-icon': applicationTheme !== 'classic' && icon && !label,\n    link: !isButtonLink,\n  }\"\n>\n  <div\n    class=\"button-container\"\n    [ngClass]=\"{\n      disabled: disabled,\n      'button-scale': buttonState === 'pressed' && applicationTheme !== 'classic' && !disabledScaleOnClick,\n    }\"\n  >\n    <span *ngIf=\"isPremium && typeIncluded\" class=\"right-top\">\n      <img [attr.src]=\"'/images/premium.svg'\" [alt]=\"'premium-icon'\" />\n    </span>\n    <ui-badge\n      id=\"badge\"\n      *ngIf=\"buttonBadgeConfig?.badgeType\"\n      [rebrandColor]=\"buttonBadgeConfig?.rebrandColor ?? 'brand'\"\n      [variant]=\"buttonBadgeConfig!.badgeType!\"\n      [label]=\"buttonBadgeConfig?.badgeLabel ?? ''\"\n      [notificationsAmount]=\"buttonBadgeConfig?.badgeNotificationAmount ?? 0\"\n      class=\"right-top\"\n      [ngClass]=\"[\n        buttonBadgeConfig?.badgeType === 'primary' ? 'badge-primary' : '',\n        buttonBadgeConfig?.badgeType === 'notification' ? 'badge-notification' : '',\n        variant,\n      ]\"\n    ></ui-badge>\n    <button\n      [style]=\"'--icon-button-size:' + iconButtonSize + 'px'\"\n      [ngClass]=\"classCss\"\n      [ngStyle]=\"styleCss\"\n      [disabled]=\"disabled\"\n      (click)=\"buttonClick($event)\"\n      (mouseleave)=\"buttonHover($event)\"\n      (mouseenter)=\"buttonHover($event)\"\n      (mousedown)=\"onPressed($event)\"\n      (mouseup)=\"onPressed($event)\"\n      (keydown)=\"onKeydown($event)\"\n      (keyup)=\"onKeyup($event)\"\n      *ngIf=\"isButtonLink\"\n      [attr.aria-required]=\"ariaRequired\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-labelledby]=\"ariaLabelledbyId\"\n      [attr.aria-describedby]=\"'describedby'\"\n      [attr.aria-disabled]=\"disabled\"\n      [type]=\"type\"\n      [disableRipple]=\"applicationTheme !== 'classic'\"\n      [matTooltip]=\"tooltip ? tooltip : labelEllipsis ? label : ''\"\n      [matTooltipClass]=\"applicationTheme\"\n      [matTooltipPosition]=\"tooltipPosition\"\n      #buttonElement\n      [attr.role]=\"role\"\n      mat-flat-button\n    >\n      <span id=\"describedby\" [style.display]=\"'none'\">\n        {{ isPremium ? label + ' ' + ('BUTTON.PREMIUM_FEATURE' | uiTranslate | async) : ariaDescribedby }}\n      </span>\n      <span [id]=\"ariaLabelledbyId\" [style.display]=\"'none'\">\n        {{ ariaLabelledby }}\n      </span>\n      <ng-container *ngIf=\"showSpinner; else icons\">\n        <span class=\"spinner-wrapper\">\n          <mat-spinner class=\"position-spinner\" aria-label=\"loading\" mode=\"indeterminate\" diameter=\"24\"></mat-spinner>\n        </span>\n      </ng-container>\n      <ng-template #icons>\n        <span class=\"icon-only-wrapper\" *ngIf=\"justIcon && !!icon\">\n          <span class=\"icon only\" role=\"label\">\n            <ui-icon\n              [color]=\"variant === 'ghost-ai' ? 'ai' : 'inherit'\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"icon\"\n              [filled]=\"isFilledIcon || iconFilled\"\n              [useFullIconName]=\"variant === 'primary' || variant === 'secondary'\"\n              [size]=\"size === 'small' ? '16' : '24'\"\n            ></ui-icon>\n          </span>\n        </span>\n\n        <span class=\"icon-label-wrapper\" [ngClass]=\"{ 'center-text': iconName === '' }\" *ngIf=\"!justIcon\">\n          <span class=\"icon\" *ngIf=\"iconPosition === 'left' && !!iconName\" aria-hidden=\"true\">\n            <ui-icon\n              [color]=\"variant === 'ghost-ai' ? 'ai' : 'inherit'\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"icon\"\n              [filled]=\"isFilledIcon || iconFilled\"\n              [useFullIconName]=\"variant === 'primary' || variant === 'secondary'\"\n              [size]=\"size === 'small' ? '16' : '24'\"\n            ></ui-icon>\n          </span>\n          <span\n            *ngIf=\"isLabel\"\n            class=\"label\"\n            id=\"label\"\n            uiEllipseText\n            [isMultiline]=\"true\"\n            (onChangeTextState)=\"onLabelEllipsisChange($event)\"\n          >\n            {{ label }}\n          </span>\n          <span class=\"icon\" *ngIf=\"iconPosition === 'right' && !!icon\" aria-hidden=\"true\"\n            ><ui-icon\n              [color]=\"variant === 'ghost-ai' ? 'ai' : 'inherit'\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"icon\"\n              [filled]=\"isFilledIcon || iconFilled\"\n              [size]=\"size === 'small' ? '16' : '24'\"\n              [useFullIconName]=\"variant === 'primary' || variant === 'secondary'\"\n            ></ui-icon\n          ></span>\n        </span>\n      </ng-template>\n    </button>\n    <a\n      #buttonElement\n      [ngClass]=\"classCss\"\n      [ngStyle]=\"styleCss\"\n      [disabled]=\"disabled\"\n      (click)=\"buttonClick($event)\"\n      (mouseenter)=\"buttonHover($event)\"\n      (mouseleave)=\"buttonHover($event)\"\n      (mousedown)=\"onPressed($event)\"\n      (mouseup)=\"onPressed($event)\"\n      (keydown)=\"onKeydown($event)\"\n      (keyup)=\"onKeyup($event)\"\n      [disableRipple]=\"true\"\n      *ngIf=\"!isButtonLink\"\n      [attr.aria-required]=\"ariaRequired\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-labelledby]=\"ariaLabelledbyId\"\n      [attr.aria-describedby]=\"'describedby-link'\"\n      [attr.aria-disabled]=\"disabled\"\n      [matTooltip]=\"tooltip ? tooltip : labelEllipsis ? label : ''\"\n      [matTooltipClass]=\"applicationTheme\"\n      role=\"link\"\n      [href]=\"url\"\n      [target]=\"urlTarget\"\n      mat-flat-button\n    >\n      <span id=\"describedby-link\" [style.display]=\"'none'\">\n        {{ ariaDescribedby }}\n      </span>\n      <span [id]=\"ariaLabelledbyId\" [style.display]=\"'none'\">\n        {{ ariaLabelledby }}\n      </span>\n      <span class=\"icon-label-wrapper\">\n        {{ label }}\n      </span>\n    </a>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}@keyframes focus-ring-animation{0%{outline-width:4px}to{outline-width:2px}}:host{position:relative}:host ::ng-deep button.cdk-keyboard-focused:not(.text,.text-inline),:host a:focus-visible.cdk-keyboard-focused:not(.text,.text-inline){outline-color:#242424!important;outline-style:solid!important;outline-offset:2px;animation:focus-ring-animation .4s forwards}:host ::ng-deep button.icon-button.cdk-keyboard-focused,:host ::ng-deep button.menuTrigger.cdk-keyboard-focused,:host a:focus-visible.icon-button.cdk-keyboard-focused,:host a:focus-visible.menuTrigger.cdk-keyboard-focused{border:unset!important}:host a:focus-visible{border-radius:2px!important}:host .tooltip{position:absolute;top:0;left:0;width:fit-content;height:100%;pointer-events:auto}.rounded-icon button{min-width:unset}.rounded-icon .mdc-button{width:48px!important;min-width:unset}.rounded-icon .mdc-button .icon{margin:0!important}.rounded-icon .big,.rounded-icon .small{padding:0!important}:host{display:flex}:host .button-container{width:100%}:host .button-container.button-scale{transform:scale(.98)}:host .button-wrapper.full-width{width:100%}:host .button-wrapper ::ng-deep .mdc-button__label,:host .button-wrapper ::ng-deep .icon-label-wrapper{width:100%}:host .button-wrapper ::ng-deep .label{text-align:left;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box!important;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}:host .button-wrapper ::ng-deep button{width:100%}button.mat-mdc-unelevated-button,a.mat-mdc-unelevated-button{font-size:14px;font-weight:600;line-height:normal;letter-spacing:normal}button.mat-mdc-unelevated-button .spinner-wrapper,a.mat-mdc-unelevated-button .spinner-wrapper{display:flex;align-items:center;flex-flow:column;width:100%}button.mat-mdc-unelevated-button .icon,a.mat-mdc-unelevated-button .icon{display:flex;height:100%;align-items:center}button.mat-mdc-unelevated-button .icon.only,a.mat-mdc-unelevated-button .icon.only{align-items:center;flex-flow:column;justify-content:center;margin-left:0}button.mat-mdc-unelevated-button .icon-label-wrapper,a.mat-mdc-unelevated-button .icon-label-wrapper{display:flex;align-items:center;justify-content:center;height:100%}button.mat-mdc-unelevated-button .icon-label-wrapper.center-text,a.mat-mdc-unelevated-button .icon-label-wrapper.center-text{flex-flow:column;width:100%}button.mat-mdc-unelevated-button .icon-label-wrapper .label,a.mat-mdc-unelevated-button .icon-label-wrapper .label{display:flex;height:100%;align-items:center;text-align:center;font-weight:500}button.mat-mdc-unelevated-button.big,a.mat-mdc-unelevated-button.big{height:48px;padding:12px 24px}button.mat-mdc-unelevated-button.small,a.mat-mdc-unelevated-button.small{height:38px;padding:7px 11px}button.mat-mdc-unelevated-button.classic-theme.big,a.mat-mdc-unelevated-button.classic-theme.big{height:48px;padding:12px 16px}button.mat-mdc-unelevated-button.small.left .icon,button.mat-mdc-unelevated-button.big.left .icon,a.mat-mdc-unelevated-button.small.left .icon,a.mat-mdc-unelevated-button.big.left .icon{margin-right:8px}button.mat-mdc-unelevated-button.small.right .icon,button.mat-mdc-unelevated-button.big.right .icon,a.mat-mdc-unelevated-button.small.right .icon,a.mat-mdc-unelevated-button.big.right .icon{margin-left:8px}button.mat-mdc-unelevated-button.small.only-icon .icon,button.mat-mdc-unelevated-button.big.only-icon .icon,a.mat-mdc-unelevated-button.small.only-icon .icon,a.mat-mdc-unelevated-button.big.only-icon .icon{margin-left:0}button.mat-mdc-unelevated-button.primary,button.mat-mdc-unelevated-button.secondary,button.mat-mdc-unelevated-button.secondary-inverted,button.mat-mdc-unelevated-button.ghost,button.mat-mdc-unelevated-button.ghost-ai,button.mat-mdc-unelevated-button.outlined,button.mat-mdc-unelevated-button.destructive,button.mat-mdc-unelevated-button.tertiary,button.mat-mdc-unelevated-button.link,a.mat-mdc-unelevated-button.primary,a.mat-mdc-unelevated-button.secondary,a.mat-mdc-unelevated-button.secondary-inverted,a.mat-mdc-unelevated-button.ghost,a.mat-mdc-unelevated-button.ghost-ai,a.mat-mdc-unelevated-button.outlined,a.mat-mdc-unelevated-button.destructive,a.mat-mdc-unelevated-button.tertiary,a.mat-mdc-unelevated-button.link{min-width:80px}button.mat-mdc-unelevated-button.primary.only-icon,button.mat-mdc-unelevated-button.secondary.only-icon,button.mat-mdc-unelevated-button.secondary-inverted.only-icon,button.mat-mdc-unelevated-button.ghost.only-icon,button.mat-mdc-unelevated-button.ghost-ai.only-icon,button.mat-mdc-unelevated-button.outlined.only-icon,button.mat-mdc-unelevated-button.destructive.only-icon,button.mat-mdc-unelevated-button.tertiary.only-icon,button.mat-mdc-unelevated-button.link.only-icon,a.mat-mdc-unelevated-button.primary.only-icon,a.mat-mdc-unelevated-button.secondary.only-icon,a.mat-mdc-unelevated-button.secondary-inverted.only-icon,a.mat-mdc-unelevated-button.ghost.only-icon,a.mat-mdc-unelevated-button.ghost-ai.only-icon,a.mat-mdc-unelevated-button.outlined.only-icon,a.mat-mdc-unelevated-button.destructive.only-icon,a.mat-mdc-unelevated-button.tertiary.only-icon,a.mat-mdc-unelevated-button.link.only-icon{min-width:1px}button.mat-mdc-unelevated-button.primary.full-width,button.mat-mdc-unelevated-button.secondary.full-width,button.mat-mdc-unelevated-button.secondary-inverted.full-width,button.mat-mdc-unelevated-button.ghost.full-width,button.mat-mdc-unelevated-button.ghost-ai.full-width,button.mat-mdc-unelevated-button.outlined.full-width,button.mat-mdc-unelevated-button.destructive.full-width,button.mat-mdc-unelevated-button.tertiary.full-width,button.mat-mdc-unelevated-button.link.full-width,a.mat-mdc-unelevated-button.primary.full-width,a.mat-mdc-unelevated-button.secondary.full-width,a.mat-mdc-unelevated-button.secondary-inverted.full-width,a.mat-mdc-unelevated-button.ghost.full-width,a.mat-mdc-unelevated-button.ghost-ai.full-width,a.mat-mdc-unelevated-button.outlined.full-width,a.mat-mdc-unelevated-button.destructive.full-width,a.mat-mdc-unelevated-button.tertiary.full-width,a.mat-mdc-unelevated-button.link.full-width{width:100%;min-width:100%}button.mat-mdc-unelevated-button.primary.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.secondary.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.secondary-inverted.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.ghost.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.ghost-ai.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.outlined.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.destructive.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.tertiary.full-width .icon-label-wrapper,button.mat-mdc-unelevated-button.link.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.primary.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.secondary.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.secondary-inverted.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.ghost.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.ghost-ai.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.outlined.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.destructive.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.tertiary.full-width .icon-label-wrapper,a.mat-mdc-unelevated-button.link.full-width .icon-label-wrapper{justify-content:center}button.mat-mdc-unelevated-button.primary,a.mat-mdc-unelevated-button.primary{background-color:var(--color);color:#fff;border-radius:1000px}button.mat-mdc-unelevated-button.primary-disabled,a.mat-mdc-unelevated-button.primary-disabled{opacity:.75}button.mat-mdc-unelevated-button.primary.classic-theme,a.mat-mdc-unelevated-button.primary.classic-theme{border-radius:4px}button.mat-mdc-unelevated-button.primary.classic-theme:disabled,button.mat-mdc-unelevated-button.primary.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.primary.classic-theme:disabled,a.mat-mdc-unelevated-button.primary.classic-theme:disabled:hover{background-color:#b5ddd5}button.mat-mdc-unelevated-button.primary.light-theme:disabled,button.mat-mdc-unelevated-button.primary.light-theme:disabled:hover,a.mat-mdc-unelevated-button.primary.light-theme:disabled,a.mat-mdc-unelevated-button.primary.light-theme:disabled:hover{background-color:#e9e9e9;color:#666}button.mat-mdc-unelevated-button.primary.light-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.primary.light-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary.light-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary.light-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#666}button.mat-mdc-unelevated-button.primary.dark-theme:disabled,button.mat-mdc-unelevated-button.primary.dark-theme:disabled:hover,a.mat-mdc-unelevated-button.primary.dark-theme:disabled,a.mat-mdc-unelevated-button.primary.dark-theme:disabled:hover{background-color:#666;color:#d3d3d3}button.mat-mdc-unelevated-button.primary.dark-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.primary.dark-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary.dark-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary.dark-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3}button.mat-mdc-unelevated-button.primary ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.primary ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.primary .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.primary .mat-mdc-progress-spinner ::ng-deep circle{stroke:#fff}button.mat-mdc-unelevated-button.secondary,a.mat-mdc-unelevated-button.secondary{border-radius:1000px}button.mat-mdc-unelevated-button.secondary.light-theme,a.mat-mdc-unelevated-button.secondary.light-theme{background-color:#242424;color:#fff}button.mat-mdc-unelevated-button.secondary.light-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.light-theme ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.secondary.light-theme:disabled,button.mat-mdc-unelevated-button.secondary.light-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary.light-theme:disabled,a.mat-mdc-unelevated-button.secondary.light-theme:disabled:hover{opacity:.75;background-color:#e9e9e9;color:#666}button.mat-mdc-unelevated-button.secondary.light-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary.light-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.light-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.light-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3!important}button.mat-mdc-unelevated-button.secondary.dark-theme,a.mat-mdc-unelevated-button.secondary.dark-theme{background-color:#fff;color:#242424}button.mat-mdc-unelevated-button.secondary.dark-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.dark-theme ::ng-deep mat-icon.black svg{color:#242424}button.mat-mdc-unelevated-button.secondary.dark-theme:disabled,button.mat-mdc-unelevated-button.secondary.dark-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary.dark-theme:disabled,a.mat-mdc-unelevated-button.secondary.dark-theme:disabled:hover{opacity:.75;background-color:#666;color:#d3d3d3}button.mat-mdc-unelevated-button.secondary.dark-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary.dark-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.dark-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.dark-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3}button.mat-mdc-unelevated-button.secondary:hover,a.mat-mdc-unelevated-button.secondary:hover{background-color:#666;color:#fff}button.mat-mdc-unelevated-button.secondary:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary:hover ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.secondary .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.secondary .mat-mdc-progress-spinner ::ng-deep circle{stroke:#fff}button.mat-mdc-unelevated-button.secondary.classic-theme,a.mat-mdc-unelevated-button.secondary.classic-theme{border-radius:4px;background-color:#ededed;color:#000}button.mat-mdc-unelevated-button.secondary.classic-theme:hover,a.mat-mdc-unelevated-button.secondary.classic-theme:hover{background-color:#e0e0e0}button.mat-mdc-unelevated-button.secondary.classic-theme:disabled,button.mat-mdc-unelevated-button.secondary.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary.classic-theme:disabled,a.mat-mdc-unelevated-button.secondary.classic-theme:disabled:hover{background-color:#ededed;color:#888}button.mat-mdc-unelevated-button.secondary.classic-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary.classic-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.classic-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary.classic-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.secondary.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.secondary.classic-theme .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.secondary-inverted,a.mat-mdc-unelevated-button.secondary-inverted{border-radius:1000px}button.mat-mdc-unelevated-button.secondary-inverted.light-theme,a.mat-mdc-unelevated-button.secondary-inverted.light-theme{background-color:#fff;color:#242424;box-shadow:0 2px 16px #24242433}button.mat-mdc-unelevated-button.secondary-inverted.light-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.light-theme ::ng-deep mat-icon.black svg{color:#242424}button.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled,button.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled,a.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled:hover{opacity:.75;background-color:#f4f4f4;color:#666;border-color:#666}button.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.light-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#666}button.mat-mdc-unelevated-button.secondary-inverted.dark-theme,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme{background-color:#242424;color:#fff;box-shadow:0 2px 16px #ffffff4d}button.mat-mdc-unelevated-button.secondary-inverted.dark-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled,button.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled:hover,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled:hover{opacity:.75;background-color:#666;color:#d3d3d3;border-color:#d3d3d3}button.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted.dark-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3}button.mat-mdc-unelevated-button.secondary-inverted:hover,a.mat-mdc-unelevated-button.secondary-inverted:hover{background-color:#f4f4f4;color:#242424}button.mat-mdc-unelevated-button.secondary-inverted:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.secondary-inverted:hover ::ng-deep mat-icon.black svg{color:#242424}button.mat-mdc-unelevated-button.secondary-inverted .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.secondary-inverted .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.mat-mdc-unelevated-button.outlined,a.mat-mdc-unelevated-button.outlined{background-color:#fff;color:#000;border-width:1px;border-style:solid;border-color:#000}button.mat-mdc-unelevated-button.outlined:hover,a.mat-mdc-unelevated-button.outlined:hover{background-color:#f6f6f6}button.mat-mdc-unelevated-button.outlined:disabled,button.mat-mdc-unelevated-button.outlined:disabled:hover,a.mat-mdc-unelevated-button.outlined:disabled,a.mat-mdc-unelevated-button.outlined:disabled:hover{color:#ededed;border-color:#ededed}button.mat-mdc-unelevated-button.outlined:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.outlined:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.outlined:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.outlined:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.outlined:focus.cdk-focused,a.mat-mdc-unelevated-button.outlined:focus.cdk-focused{background-color:#e0e0e0}button.mat-mdc-unelevated-button.outlined .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.outlined .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.ghost,button.mat-mdc-unelevated-button.ghost-ai,a.mat-mdc-unelevated-button.ghost,a.mat-mdc-unelevated-button.ghost-ai{border-width:1px;border-style:solid;border-radius:1000px}button.mat-mdc-unelevated-button.ghost.light-theme,button.mat-mdc-unelevated-button.ghost-ai.light-theme,a.mat-mdc-unelevated-button.ghost.light-theme,a.mat-mdc-unelevated-button.ghost-ai.light-theme{background-color:var(--ghost-background);color:#242424;border-color:#242424}button.mat-mdc-unelevated-button.ghost.light-theme.only-icon,button.mat-mdc-unelevated-button.ghost-ai.light-theme.only-icon,a.mat-mdc-unelevated-button.ghost.light-theme.only-icon,a.mat-mdc-unelevated-button.ghost-ai.light-theme.only-icon{width:48px;height:48px;padding:0}button.mat-mdc-unelevated-button.ghost.light-theme ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.ghost-ai.light-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.ghost.light-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.ghost-ai.light-theme ::ng-deep mat-icon.black svg{color:#242424}button.mat-mdc-unelevated-button.ghost.light-theme:hover,button.mat-mdc-unelevated-button.ghost-ai.light-theme:hover,a.mat-mdc-unelevated-button.ghost.light-theme:hover,a.mat-mdc-unelevated-button.ghost-ai.light-theme:hover{background-color:#f4f4f4}button.mat-mdc-unelevated-button.ghost.dark-theme,button.mat-mdc-unelevated-button.ghost-ai.dark-theme,a.mat-mdc-unelevated-button.ghost.dark-theme,a.mat-mdc-unelevated-button.ghost-ai.dark-theme{background-color:transparent;color:#fff;border-color:#fff}button.mat-mdc-unelevated-button.ghost.dark-theme.only-icon,button.mat-mdc-unelevated-button.ghost-ai.dark-theme.only-icon,a.mat-mdc-unelevated-button.ghost.dark-theme.only-icon,a.mat-mdc-unelevated-button.ghost-ai.dark-theme.only-icon{width:48px;height:48px;padding:0}button.mat-mdc-unelevated-button.ghost.dark-theme ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.ghost-ai.dark-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.ghost.dark-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.ghost-ai.dark-theme ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.ghost.dark-theme:hover,button.mat-mdc-unelevated-button.ghost-ai.dark-theme:hover,a.mat-mdc-unelevated-button.ghost.dark-theme:hover,a.mat-mdc-unelevated-button.ghost-ai.dark-theme:hover{background-color:#666}button.mat-mdc-unelevated-button.ghost.ghost-ai,button.mat-mdc-unelevated-button.ghost-ai.ghost-ai,a.mat-mdc-unelevated-button.ghost.ghost-ai,a.mat-mdc-unelevated-button.ghost-ai.ghost-ai{background:linear-gradient(to left,#fff,#fff),linear-gradient(to right,#d410aa 25%,#0165fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box;border-color:transparent}button.mat-mdc-unelevated-button.ghost.ghost-ai:hover,button.mat-mdc-unelevated-button.ghost-ai.ghost-ai:hover,a.mat-mdc-unelevated-button.ghost.ghost-ai:hover,a.mat-mdc-unelevated-button.ghost-ai.ghost-ai:hover{background:linear-gradient(to left,#e9e9e9,#e9e9e9),linear-gradient(to right,#d410aa 25%,#0165fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box}button.mat-mdc-unelevated-button.ghost:disabled,button.mat-mdc-unelevated-button.ghost:disabled:hover,button.mat-mdc-unelevated-button.ghost-ai:disabled,button.mat-mdc-unelevated-button.ghost-ai:disabled:hover,a.mat-mdc-unelevated-button.ghost:disabled,a.mat-mdc-unelevated-button.ghost:disabled:hover,a.mat-mdc-unelevated-button.ghost-ai:disabled,a.mat-mdc-unelevated-button.ghost-ai:disabled:hover{opacity:.5;background-color:transparent}button.mat-mdc-unelevated-button.ghost .mat-mdc-progress-spinner ::ng-deep circle,button.mat-mdc-unelevated-button.ghost-ai .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.ghost .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.ghost-ai .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.mat-mdc-unelevated-button.destructive,a.mat-mdc-unelevated-button.destructive{border:1px solid #E02800;background-color:#fff;color:#e02800;border-radius:1000px}button.mat-mdc-unelevated-button.destructive:hover,a.mat-mdc-unelevated-button.destructive:hover{background-color:#e02800;color:#fff}button.mat-mdc-unelevated-button.destructive:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.destructive:hover ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.destructive:disabled,button.mat-mdc-unelevated-button.destructive:disabled:hover,a.mat-mdc-unelevated-button.destructive:disabled,a.mat-mdc-unelevated-button.destructive:disabled:hover{border-color:#919191;color:#919191;background:transparent}button.mat-mdc-unelevated-button.destructive ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.destructive ::ng-deep mat-icon.black svg{color:#e02800}button.mat-mdc-unelevated-button.destructive .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.destructive .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.mat-mdc-unelevated-button.destructive.classic-theme,a.mat-mdc-unelevated-button.destructive.classic-theme{border:unset;border-radius:4px;background-color:#cb7b7a;color:#fff}button.mat-mdc-unelevated-button.destructive.classic-theme:hover,a.mat-mdc-unelevated-button.destructive.classic-theme:hover{background-color:#8e5655}button.mat-mdc-unelevated-button.destructive.classic-theme:disabled,button.mat-mdc-unelevated-button.destructive.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.destructive.classic-theme:disabled,a.mat-mdc-unelevated-button.destructive.classic-theme:disabled:hover{background-color:#e3c3c6}button.mat-mdc-unelevated-button.destructive.classic-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.destructive.classic-theme ::ng-deep mat-icon.black svg{color:#fff}button.mat-mdc-unelevated-button.destructive.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.destructive.classic-theme .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.tertiary,a.mat-mdc-unelevated-button.tertiary{background-color:transparent;color:#46a997}button.mat-mdc-unelevated-button.tertiary:hover,a.mat-mdc-unelevated-button.tertiary:hover{background-color:#f6f6f6;color:#31766a}button.mat-mdc-unelevated-button.tertiary:disabled,button.mat-mdc-unelevated-button.tertiary:disabled:hover,a.mat-mdc-unelevated-button.tertiary:disabled,a.mat-mdc-unelevated-button.tertiary:disabled:hover{opacity:.75;background-color:#fff;color:#b5ddd5}button.mat-mdc-unelevated-button.tertiary:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.tertiary:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tertiary:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tertiary:disabled:hover ::ng-deep mat-icon.black svg{color:#b5ddd5}button.mat-mdc-unelevated-button.tertiary ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tertiary ::ng-deep mat-icon.black svg{color:var(--color)}button.mat-mdc-unelevated-button.tertiary .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.tertiary .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.link,a.mat-mdc-unelevated-button.link{background-color:transparent;color:#d410aa;border-radius:0}button.mat-mdc-unelevated-button.link ::ng-deep .mat-mdc-button-persistent-ripple,a.mat-mdc-unelevated-button.link ::ng-deep .mat-mdc-button-persistent-ripple{display:none}button.mat-mdc-unelevated-button.link span.icon-label-wrapper,a.mat-mdc-unelevated-button.link span.icon-label-wrapper{text-decoration:underline}button.mat-mdc-unelevated-button.link:hover,a.mat-mdc-unelevated-button.link:hover{color:#a90686!important}button.mat-mdc-unelevated-button.link:active,a.mat-mdc-unelevated-button.link:active{color:#ff54da!important}button.mat-mdc-unelevated-button.link ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.link ::ng-deep .mdc-button__label{padding:4px}button.mat-mdc-unelevated-button.link:active ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.link:active ::ng-deep .mdc-button__label{padding:4px}button.mat-mdc-unelevated-button.link:disabled,button.mat-mdc-unelevated-button.link:disabled:hover,a.mat-mdc-unelevated-button.link:disabled,a.mat-mdc-unelevated-button.link:disabled:hover{color:#d3d3d3}button.mat-mdc-unelevated-button.link ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.link ::ng-deep mat-icon.black svg{color:var(--color)}button.mat-mdc-unelevated-button.link.classic-theme,a.mat-mdc-unelevated-button.link.classic-theme{background-color:transparent;color:#46a997;border-radius:0}button.mat-mdc-unelevated-button.link.classic-theme span.icon-label-wrapper,a.mat-mdc-unelevated-button.link.classic-theme span.icon-label-wrapper{text-decoration:underline}button.mat-mdc-unelevated-button.link.classic-theme:hover,a.mat-mdc-unelevated-button.link.classic-theme:hover{color:#31766a}button.mat-mdc-unelevated-button.link.classic-theme:disabled,button.mat-mdc-unelevated-button.link.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.link.classic-theme:disabled,a.mat-mdc-unelevated-button.link.classic-theme:disabled:hover{color:#b5ddd5}button.mat-mdc-unelevated-button.link.classic-theme ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.link.classic-theme ::ng-deep mat-icon.black svg{color:var(--color)}button.mat-mdc-unelevated-button.text,button.mat-mdc-unelevated-button.text-inline,a.mat-mdc-unelevated-button.text,a.mat-mdc-unelevated-button.text-inline{background-color:transparent;border-radius:0;text-decoration:underline}button.mat-mdc-unelevated-button.text:is(.text-inline),button.mat-mdc-unelevated-button.text-inline:is(.text-inline),a.mat-mdc-unelevated-button.text:is(.text-inline),a.mat-mdc-unelevated-button.text-inline:is(.text-inline){padding:0;height:auto}button.mat-mdc-unelevated-button.text:is(.text-inline) ::ng-deep .mdc-button__label,button.mat-mdc-unelevated-button.text-inline:is(.text-inline) ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text:is(.text-inline) ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text-inline:is(.text-inline) ::ng-deep .mdc-button__label{padding:0}button.mat-mdc-unelevated-button.text:is(.text-inline) ::ng-deep .mat-mdc-button-touch-target,button.mat-mdc-unelevated-button.text-inline:is(.text-inline) ::ng-deep .mat-mdc-button-touch-target,a.mat-mdc-unelevated-button.text:is(.text-inline) ::ng-deep .mat-mdc-button-touch-target,a.mat-mdc-unelevated-button.text-inline:is(.text-inline) ::ng-deep .mat-mdc-button-touch-target{height:100%}button.mat-mdc-unelevated-button.text:is(.text-inline).small .label,button.mat-mdc-unelevated-button.text-inline:is(.text-inline).small .label,a.mat-mdc-unelevated-button.text:is(.text-inline).small .label,a.mat-mdc-unelevated-button.text-inline:is(.text-inline).small .label{font-size:12px;line-height:16px}button.mat-mdc-unelevated-button.text:is(.text-inline).medium .label,button.mat-mdc-unelevated-button.text-inline:is(.text-inline).medium .label,a.mat-mdc-unelevated-button.text:is(.text-inline).medium .label,a.mat-mdc-unelevated-button.text-inline:is(.text-inline).medium .label{font-size:14px;line-height:22px}button.mat-mdc-unelevated-button.text:is(.text-inline).big .label,button.mat-mdc-unelevated-button.text-inline:is(.text-inline).big .label,a.mat-mdc-unelevated-button.text:is(.text-inline).big .label,a.mat-mdc-unelevated-button.text-inline:is(.text-inline).big .label{font-size:16px;line-height:24px}button.mat-mdc-unelevated-button.text.light-theme,button.mat-mdc-unelevated-button.text-inline.light-theme,a.mat-mdc-unelevated-button.text.light-theme,a.mat-mdc-unelevated-button.text-inline.light-theme{color:var(--color)}button.mat-mdc-unelevated-button.text.light-theme:active,button.mat-mdc-unelevated-button.text-inline.light-theme:active,a.mat-mdc-unelevated-button.text.light-theme:active,a.mat-mdc-unelevated-button.text-inline.light-theme:active,button.mat-mdc-unelevated-button.text.light-theme:hover,button.mat-mdc-unelevated-button.text-inline.light-theme:hover,a.mat-mdc-unelevated-button.text.light-theme:hover,a.mat-mdc-unelevated-button.text-inline.light-theme:hover{color:var(--active-color)!important}button.mat-mdc-unelevated-button.text.dark-theme,button.mat-mdc-unelevated-button.text-inline.dark-theme,a.mat-mdc-unelevated-button.text.dark-theme,a.mat-mdc-unelevated-button.text-inline.dark-theme{color:var(--color)}button.mat-mdc-unelevated-button.text.dark-theme:active,button.mat-mdc-unelevated-button.text-inline.dark-theme:active,a.mat-mdc-unelevated-button.text.dark-theme:active,a.mat-mdc-unelevated-button.text-inline.dark-theme:active{color:var(--active-color)!important}button.mat-mdc-unelevated-button.text.dark-theme:hover,button.mat-mdc-unelevated-button.text-inline.dark-theme:hover,a.mat-mdc-unelevated-button.text.dark-theme:hover,a.mat-mdc-unelevated-button.text-inline.dark-theme:hover{color:var(--active-color)}button.mat-mdc-unelevated-button.text ::ng-deep .mat-mdc-button-persistent-ripple,button.mat-mdc-unelevated-button.text-inline ::ng-deep .mat-mdc-button-persistent-ripple,a.mat-mdc-unelevated-button.text ::ng-deep .mat-mdc-button-persistent-ripple,a.mat-mdc-unelevated-button.text-inline ::ng-deep .mat-mdc-button-persistent-ripple{display:none}button.mat-mdc-unelevated-button.text span.icon-label-wrapper,button.mat-mdc-unelevated-button.text-inline span.icon-label-wrapper,a.mat-mdc-unelevated-button.text span.icon-label-wrapper,a.mat-mdc-unelevated-button.text-inline span.icon-label-wrapper{text-decoration:underline}button.mat-mdc-unelevated-button.text:disabled,button.mat-mdc-unelevated-button.text:disabled:hover,button.mat-mdc-unelevated-button.text-inline:disabled,button.mat-mdc-unelevated-button.text-inline:disabled:hover,a.mat-mdc-unelevated-button.text:disabled,a.mat-mdc-unelevated-button.text:disabled:hover,a.mat-mdc-unelevated-button.text-inline:disabled,a.mat-mdc-unelevated-button.text-inline:disabled:hover{color:#d3d3d3}button.mat-mdc-unelevated-button.text:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text:disabled:hover ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text-inline:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text-inline:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text-inline:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text-inline:disabled:hover ::ng-deep mat-icon.black svg{color:#d3d3d3}button.mat-mdc-unelevated-button.text ::ng-deep .mdc-button__label,button.mat-mdc-unelevated-button.text-inline ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text-inline ::ng-deep .mdc-button__label{padding:4px}button.mat-mdc-unelevated-button.text:focus:not(.text-inline) ::ng-deep .mdc-button__label,button.mat-mdc-unelevated-button.text-inline:focus:not(.text-inline) ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text:focus:not(.text-inline) ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text-inline:focus:not(.text-inline) ::ng-deep .mdc-button__label{padding:4px}button.mat-mdc-unelevated-button.text:focus-visible ::ng-deep .mdc-button__label,button.mat-mdc-unelevated-button.text-inline:focus-visible ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text:focus-visible ::ng-deep .mdc-button__label,a.mat-mdc-unelevated-button.text-inline:focus-visible ::ng-deep .mdc-button__label{border-radius:2px;outline-color:#242424!important;outline-style:solid!important;outline-offset:2px!important;animation:focus-ring-animation .4s forwards}button.mat-mdc-unelevated-button.text .mat-mdc-progress-spinner ::ng-deep circle,button.mat-mdc-unelevated-button.text-inline .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.text .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.text-inline .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.mat-mdc-unelevated-button.text.classic-theme,button.mat-mdc-unelevated-button.text-inline.classic-theme,a.mat-mdc-unelevated-button.text.classic-theme,a.mat-mdc-unelevated-button.text-inline.classic-theme{background-color:transparent;color:#000;border-radius:0;text-decoration:underline}button.mat-mdc-unelevated-button.text.classic-theme span.icon-label-wrapper,button.mat-mdc-unelevated-button.text-inline.classic-theme span.icon-label-wrapper,a.mat-mdc-unelevated-button.text.classic-theme span.icon-label-wrapper,a.mat-mdc-unelevated-button.text-inline.classic-theme span.icon-label-wrapper{text-decoration:underline}button.mat-mdc-unelevated-button.text.classic-theme:hover,button.mat-mdc-unelevated-button.text-inline.classic-theme:hover,a.mat-mdc-unelevated-button.text.classic-theme:hover,a.mat-mdc-unelevated-button.text-inline.classic-theme:hover{color:#000}button.mat-mdc-unelevated-button.text.classic-theme:disabled,button.mat-mdc-unelevated-button.text.classic-theme:disabled:hover,button.mat-mdc-unelevated-button.text-inline.classic-theme:disabled,button.mat-mdc-unelevated-button.text-inline.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.text.classic-theme:disabled,a.mat-mdc-unelevated-button.text.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.text-inline.classic-theme:disabled,a.mat-mdc-unelevated-button.text-inline.classic-theme:disabled:hover{color:#888}button.mat-mdc-unelevated-button.text.classic-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text.classic-theme:disabled:hover ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text-inline.classic-theme:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.text-inline.classic-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text.classic-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text.classic-theme:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text-inline.classic-theme:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.text-inline.classic-theme:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.text.classic-theme:focus.cdk-focused,button.mat-mdc-unelevated-button.text-inline.classic-theme:focus.cdk-focused,a.mat-mdc-unelevated-button.text.classic-theme:focus.cdk-focused,a.mat-mdc-unelevated-button.text-inline.classic-theme:focus.cdk-focused{color:#000}button.mat-mdc-unelevated-button.text.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,button.mat-mdc-unelevated-button.text-inline.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.text.classic-theme .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.text-inline.classic-theme .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.squareicon,a.mat-mdc-unelevated-button.squareicon{background-color:#ededed;color:#000;min-width:56px}button.mat-mdc-unelevated-button.squareicon:hover,a.mat-mdc-unelevated-button.squareicon:hover{background-color:#e0e0e0}button.mat-mdc-unelevated-button.squareicon:disabled,button.mat-mdc-unelevated-button.squareicon:disabled:hover,a.mat-mdc-unelevated-button.squareicon:disabled,a.mat-mdc-unelevated-button.squareicon:disabled:hover{background-color:#ededed;color:#888}button.mat-mdc-unelevated-button.squareicon:focus.cdk-focused.cdk-mouse-focused,a.mat-mdc-unelevated-button.squareicon:focus.cdk-focused.cdk-mouse-focused{background-color:#ededed}button.mat-mdc-unelevated-button.squareicon .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.squareicon .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}button.mat-mdc-unelevated-button.squareicon .icon-label-wrapper,a.mat-mdc-unelevated-button.squareicon .icon-label-wrapper{flex-flow:column}button.mat-mdc-unelevated-button.squareicon.left .icon,button.mat-mdc-unelevated-button.squareicon.right .icon,a.mat-mdc-unelevated-button.squareicon.left .icon,a.mat-mdc-unelevated-button.squareicon.right .icon{margin:0 auto}button.mat-mdc-unelevated-button.tab,a.mat-mdc-unelevated-button.tab{background-color:#fff;color:#000;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e0e0e0;border-radius:0}button.mat-mdc-unelevated-button.tab:hover .label,button.mat-mdc-unelevated-button.tab:hover .icon.only,a.mat-mdc-unelevated-button.tab:hover .label,a.mat-mdc-unelevated-button.tab:hover .icon.only{text-decoration:underline}button.mat-mdc-unelevated-button.tab:disabled,button.mat-mdc-unelevated-button.tab:disabled:hover,a.mat-mdc-unelevated-button.tab:disabled,a.mat-mdc-unelevated-button.tab:disabled:hover{color:#888}button.mat-mdc-unelevated-button.tab:disabled .label,button.mat-mdc-unelevated-button.tab:disabled:hover .label,a.mat-mdc-unelevated-button.tab:disabled .label,a.mat-mdc-unelevated-button.tab:disabled:hover .label{text-decoration:none}button.mat-mdc-unelevated-button.tab:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.tab:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tab:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.tab:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.tab:focus.cdk-focused.cdk-mouse-focused,a.mat-mdc-unelevated-button.tab:focus.cdk-focused.cdk-mouse-focused{font-weight:700;border-color:#276678}button.mat-mdc-unelevated-button.menuTrigger.classic-theme,a.mat-mdc-unelevated-button.menuTrigger.classic-theme{background:transparent;min-width:24px;height:24px;padding:0}button.mat-mdc-unelevated-button.menuTrigger.classic-theme:hover,a.mat-mdc-unelevated-button.menuTrigger.classic-theme:hover{background-color:#e0e0e0}button.mat-mdc-unelevated-button.menuTrigger.classic-theme:disabled,button.mat-mdc-unelevated-button.menuTrigger.classic-theme:disabled:hover,a.mat-mdc-unelevated-button.menuTrigger.classic-theme:disabled,a.mat-mdc-unelevated-button.menuTrigger.classic-theme:disabled:hover{background-color:#fff;color:#888}button.mat-mdc-unelevated-button.menuTrigger.classic-theme:focus.cdk-focused.cdk-mouse-focused,a.mat-mdc-unelevated-button.menuTrigger.classic-theme:focus.cdk-focused.cdk-mouse-focused{background-color:transparent}button.mat-mdc-unelevated-button.menuTrigger.classic-theme .icon-label-wrapper,a.mat-mdc-unelevated-button.menuTrigger.classic-theme .icon-label-wrapper{flex-flow:column}button.mat-mdc-unelevated-button.menuTrigger.classic-theme.left .icon,button.mat-mdc-unelevated-button.menuTrigger.classic-theme.right .icon,a.mat-mdc-unelevated-button.menuTrigger.classic-theme.left .icon,a.mat-mdc-unelevated-button.menuTrigger.classic-theme.right .icon{margin:0 auto}button.mat-mdc-unelevated-button.menuCell,a.mat-mdc-unelevated-button.menuCell{background-color:#fff;color:#000;font-weight:400;border-radius:0;min-width:100%;justify-content:flex-start}button.mat-mdc-unelevated-button.menuCell.classic-theme.big.left .icon,a.mat-mdc-unelevated-button.menuCell.classic-theme.big.left .icon{margin-right:16px}button.mat-mdc-unelevated-button.menuCell.big.left .icon,a.mat-mdc-unelevated-button.menuCell.big.left .icon{margin-right:8px}button.mat-mdc-unelevated-button.menuCell .icon-label-wrapper,a.mat-mdc-unelevated-button.menuCell .icon-label-wrapper{justify-content:flex-start}button.mat-mdc-unelevated-button.menuCell:hover,a.mat-mdc-unelevated-button.menuCell:hover{background-color:#e0e0e0}button.mat-mdc-unelevated-button.menuCell:disabled,button.mat-mdc-unelevated-button.menuCell:disabled:hover,a.mat-mdc-unelevated-button.menuCell:disabled,a.mat-mdc-unelevated-button.menuCell:disabled:hover{background-color:#fff;color:#888}button.mat-mdc-unelevated-button.menuCell:disabled ::ng-deep mat-icon.black svg,button.mat-mdc-unelevated-button.menuCell:disabled:hover ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.menuCell:disabled ::ng-deep mat-icon.black svg,a.mat-mdc-unelevated-button.menuCell:disabled:hover ::ng-deep mat-icon.black svg{color:#888}button.mat-mdc-unelevated-button.menuCell .mat-mdc-progress-spinner ::ng-deep circle,a.mat-mdc-unelevated-button.menuCell .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}.button-wrapper{position:relative;height:fit-content}.button-wrapper .menuTrigger:not(.classic-theme),.button-wrapper .icon-button{border:none;border-radius:100%;width:var(--icon-button-size)!important;height:var(--icon-button-size)!important;cursor:pointer;background-color:unset}::ng-deep .button-wrapper .menuTrigger:not(.classic-theme).mat-mdc-unelevated-button:not(:disabled),::ng-deep .button-wrapper .icon-button.mat-mdc-unelevated-button:not(:disabled){background-color:unset}::ng-deep .button-wrapper .menuTrigger:not(.classic-theme).mdc-button,::ng-deep .button-wrapper .icon-button.mdc-button{min-width:var(--icon-button-size)!important}.button-wrapper .menuTrigger:not(.classic-theme) ::ng-deep .mat-mdc-button-touch-target,.button-wrapper .icon-button ::ng-deep .mat-mdc-button-touch-target{height:var(--icon-button-size)!important}.button-wrapper .menuTrigger:not(.classic-theme):disabled,.button-wrapper .icon-button:disabled{pointer-events:none;background:unset}.button-wrapper .menuTrigger:not(.classic-theme):disabled.classic-theme ::ng-deep mat-icon svg,.button-wrapper .icon-button:disabled.classic-theme ::ng-deep mat-icon svg{color:#888}.button-wrapper .menuTrigger:not(.classic-theme):hover,.button-wrapper .icon-button:hover{background-color:#f6f6f6}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme:disabled,.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme:disabled:hover ::ng-deep mat-icon svg,.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme:disabled,.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme:disabled:hover ::ng-deep mat-icon svg,.button-wrapper .icon-button:not(.has-company-color).light-theme:disabled,.button-wrapper .icon-button:not(.has-company-color).light-theme:disabled:hover ::ng-deep mat-icon svg,.button-wrapper .icon-button:not(.has-company-color).dark-theme:disabled,.button-wrapper .icon-button:not(.has-company-color).dark-theme:disabled:hover ::ng-deep mat-icon svg{color:#919191!important}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme,.button-wrapper .icon-button:not(.has-company-color).light-theme{color:#242424!important}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme:hover,.button-wrapper .icon-button:not(.has-company-color).light-theme:hover{background-color:#e9e9e9}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).light-theme:focus.cdk-focused,.button-wrapper .icon-button:not(.has-company-color).light-theme:focus.cdk-focused{border-color:#666}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme,.button-wrapper .icon-button:not(.has-company-color).dark-theme{color:#fff!important}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme:hover,.button-wrapper .icon-button:not(.has-company-color).dark-theme:hover{background-color:#666}.button-wrapper .menuTrigger:not(.classic-theme):not(.has-company-color).dark-theme:focus.cdk-focused,.button-wrapper .icon-button:not(.has-company-color).dark-theme:focus.cdk-focused{border-color:#e9e9e9}.button-wrapper .menuTrigger:focus.cdk-focused.cdk-mouse-focused.light-theme{border:none;background-color:#e9e9e9;color:#242424}.button-wrapper .menuTrigger:focus.cdk-focused.cdk-mouse-focused.dark-theme{border:none;background-color:#666;color:#fff}.button-wrapper .right-top{position:absolute;right:-8px;top:-8px;z-index:1}.button-wrapper .right-top.badge-notification{top:-4px;right:0;border:1px solid #ffffff;border-radius:100%}.button-wrapper .right-top.badge-primary{right:-4px}.button-wrapper .right-top.menuCell{top:12px;right:12px}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}:host[btn-variant=link]{display:inline-flex}::ng-deep .link .button-container{display:flex}::ng-deep .link a.mat-mdc-unelevated-button.link{height:unset!important;min-width:unset!important;border-radius:10px}::ng-deep .link a.mat-mdc-unelevated-button.link:active .mdc-button__label{padding:0!important;outline:none!important}::ng-deep .link a.mat-mdc-unelevated-button{padding:0!important}::ng-deep .link a.mat-mdc-unelevated-button .mdc-button__label{padding:0!important}::ng-deep .link a.mat-mdc-unelevated-button.big,::ng-deep .link a.mat-mdc-unelevated-button.small{padding:0!important}::ng-deep .link a.mat-mdc-unelevated-button.big .mdc-button__label,::ng-deep .link a.mat-mdc-unelevated-button.small .mdc-button__label{padding:0!important}::ng-deep .link a.mat-mdc-unelevated-button.big .mdc-button__label .icon-label-wrapper{font-size:16px!important;line-height:24px!important}::ng-deep .link a.mat-mdc-unelevated-button.small .mdc-button__label .icon-label-wrapper{font-size:12px!important;line-height:16px!important}::ng-deep .link a.mat-mdc-unelevated-button .mat-mdc-button-touch-target{height:unset!important}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
+                }] }], propDecorators: { enabled: [{
+                type: HostBinding,
+                args: ['style.pointer-events']
+            }], tooltipElement: [{
+                type: ViewChild,
+                args: ['tooltipElement']
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: HostBinding,
+                args: ['attr.btn-variant']
+            }, {
+                type: Input
+            }], label: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], justIcon: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], urlTarget: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], isPremium: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], companyColor: [{
+                type: Input
+            }], buttonBadgeConfig: [{
+                type: Input
+            }], applicationTheme: [{
+                type: HostBinding,
+                args: ['attr.theme']
+            }, {
+                type: Input
+            }], disabledScaleOnClick: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaRequired: [{
+                type: Input
+            }], ariaLabelledby: [{
+                type: Input
+            }], ariaDescribedby: [{
+                type: Input
+            }], preventDefault: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hasBackground: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], tooltipPosition: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], iconFilled: [{
+                type: Input
+            }], buttonClickEvent: [{
+                type: Output
+            }], buttonHoverEvent: [{
+                type: Output
+            }], buttonElement: [{
+                type: ViewChild,
+                args: ['buttonElement', { static: false }]
+            }], compColor: [{
+                type: HostBinding,
+                args: ['style.--color']
+            }] } });
+
+class ButtonComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ButtonComponentModule, declarations: [ButtonComponent], imports: [CommonModule,
+            MatButtonModule,
+            IconComponentModule,
+            MatProgressSpinnerModule,
+            MatTooltipModule,
+            BadgeComponentModule,
+            EllipseTextDirective,
+            MatRadioModule,
+            UiTranslatePipe], exports: [ButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ButtonComponentModule, imports: [CommonModule,
+            MatButtonModule,
+            IconComponentModule,
+            MatProgressSpinnerModule,
+            MatTooltipModule,
+            BadgeComponentModule,
+            MatRadioModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ButtonComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ButtonComponent],
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        IconComponentModule,
+                        MatProgressSpinnerModule,
+                        MatTooltipModule,
+                        BadgeComponentModule,
+                        EllipseTextDirective,
+                        MatRadioModule,
+                        UiTranslatePipe,
+                    ],
+                    exports: [ButtonComponent],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, ButtonComponentModule, adjustLightness, hexToHsl, hslToHex };
+//# sourceMappingURL=testgorilla-tgo-ui-components-button.mjs.map