@design-factory/angular 21.1.0 → 22.0.0-next.0

package/fesm2022/design-factory-angular-button.mjs

@@ -0,0 +1,240 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, inject, ElementRef, DestroyRef, Directive, InjectionToken, computed, PLATFORM_ID, afterNextRender, ViewEncapsulation, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+
+/**
+ * Internal host behavior for DF button-like directives.
+ *
+ * @since 22.0
+ * @internal
+ */
+class ɵDfButtonHost {
+    #hostEl;
+    constructor() {
+        /**
+         * Native button type attribute.
+         * @defaultValue `'button'`
+         */
+        this.type = input('button', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+        /**
+         * Disabled state for buttons and anchor buttons.
+         * @defaultValue `false`
+         */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Host tabindex override.
+         * @defaultValue `undefined`
+         */
+        this.tabindex = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
+        this.#hostEl = inject(ElementRef).nativeElement;
+        this.isButton = this.#hostEl.tagName.toLowerCase() === 'button';
+        this.isAnchor = this.#hostEl.tagName.toLowerCase() === 'a';
+        // Angular host listener metadata does not expose capture-phase options. Use a native listener so
+        // disabled anchor buttons can block clicks before RouterLink or other bubble-phase handlers navigate.
+        if (this.isAnchor) {
+            const destroyRef = inject(DestroyRef);
+            const onClickCapture = (event) => {
+                if (this.disabled()) {
+                    event.preventDefault();
+                    event.stopImmediatePropagation();
+                }
+            };
+            this.#hostEl.addEventListener('click', onClickCapture, { capture: true });
+            destroyRef.onDestroy(() => this.#hostEl.removeEventListener('click', onClickCapture, { capture: true }));
+        }
+    }
+    onKeydown(event) {
+        if (this.isAnchor && this.disabled() && (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar')) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ɵDfButtonHost, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: ɵDfButtonHost, isStandalone: true, inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.type": "isButton ? type() : null", "attr.disabled": "isButton && disabled() ? \"\" : null", "attr.aria-disabled": "isAnchor && disabled() ? \"true\" : null", "attr.tabindex": "isAnchor && disabled() ? \"-1\" : tabindex()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ɵDfButtonHost, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        '[attr.type]': 'isButton ? type() : null',
+                        '[attr.disabled]': 'isButton && disabled() ? "" : null',
+                        '[attr.aria-disabled]': 'isAnchor && disabled() ? "true" : null',
+                        '[attr.tabindex]': 'isAnchor && disabled() ? "-1" : tabindex()',
+                        '(keydown)': 'onKeydown($event)'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }] } });
+
+/**
+ * Injection token for the `dfButtonGroup` directive, which is provided to all `dfButton` elements in a group.
+ *
+ * @since 22.0
+ * @internal
+ */
+const ɵDfButtonGroupInjectionToken = new InjectionToken('DfButtonGroup');
+/**
+ * Shared visual directive for DF button-like elements.
+ *
+ * @since 22.0
+ * @internal
+ */
+class ɵDfButtonVisual {
+    constructor() {
+        /**
+         * The button group that contains this button, if any.
+         */
+        this.buttonGroup = inject(ɵDfButtonGroupInjectionToken, { optional: true });
+        /**
+         * Semantic variant of the button. Forced to `'primary'` if the button is in a `df-button-group`.
+         * @defaultValue `'primary'`
+         */
+        this.variant = input('primary', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        /**
+         * Effective variant applied to the host. Resolves to `'primary'` when the button is in a `df-button-group`,
+         * otherwise falls back to the `variant` input.
+         */
+        this.resolvedVariant = this.buttonGroup ? () => 'primary' : this.variant;
+        /**
+         * Visual appearance of the button. In a `df-button-group`, the group appearance is used unless the button
+         * sets an explicit `'solid'` or `'outline'` appearance.
+         * @defaultValue `'solid'`
+         */
+        this.appearance = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "appearance" }] : /* istanbul ignore next */ []));
+        /**
+         * Effective appearance applied to the host. In a `df-button-group`, resolves to the group appearance unless the
+         * button sets an explicit `'solid'` or `'outline'` appearance; otherwise falls back to the `appearance` input or
+         * `'solid'`.
+         */
+        this.resolvedAppearance = computed(() => {
+            const appearance = this.appearance();
+            if (this.buttonGroup && (!appearance || appearance === 'text')) {
+                return this.buttonGroup.appearance();
+            }
+            return appearance ?? 'solid';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedAppearance" }] : /* istanbul ignore next */ []));
+        /**
+         * Size of the button. Ignored if the button is in a `df-button-group` (the group size is used instead).
+         * @defaultValue `'md'`
+         */
+        this.size = input('md', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /**
+         * Effective size applied to the host. Resolves to the group size when the button is in a `df-button-group`,
+         * otherwise falls back to the `size` input.
+         */
+        this.resolvedSize = this.buttonGroup ? this.buttonGroup.size : this.size;
+        /**
+         * Makes outline and text buttons transparent. Solid buttons are unaffected.
+         * Ignored if the button is in a `df-button-group` (transparent buttons are currently not supported in groups).
+         * @defaultValue `false`
+         */
+        this.transparent = input(false, { ...(ngDevMode ? { debugName: "transparent" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Effective transparent flag applied to the host. Always false in a `df-button-group`, otherwise falls back
+         * to the `transparent` input.
+         */
+        this.resolvedTransparent = this.buttonGroup ? () => false : this.transparent;
+        /**
+         * Enables mirrored styling for inverse surfaces.
+         * Ignored if the button is in a `df-button-group` (the group value is used instead).
+         * @defaultValue `false`
+         */
+        this.mirror = input(false, { ...(ngDevMode ? { debugName: "mirror" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Effective mirror flag applied to the host. Resolves to the group value when the button is in a
+         * `df-button-group`, otherwise falls back to the `mirror` input.
+         */
+        this.resolvedMirror = this.buttonGroup ? this.buttonGroup.mirror : this.mirror;
+        // Angular may attach the host class bindings one tick after the host element is inserted when routed views render.
+        // See https://github.com/angular/angular/issues/57528 and https://github.com/angular/angular/issues/66923.
+        // That briefly animates the initial color, background, and border changes, causing a visible flicker on first render.
+        // Keep transitions disabled for the first client frame so those initial class changes do not animate.
+        if (isPlatformBrowser(inject(PLATFORM_ID))) {
+            const hostEl = inject(ElementRef).nativeElement;
+            afterNextRender(() => requestAnimationFrame(() => hostEl.classList.remove('df-btn-no-transition')));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ɵDfButtonVisual, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: ɵDfButtonVisual, isStandalone: true, inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, transparent: { classPropertyName: "transparent", publicName: "transparent", isSignal: true, isRequired: false, transformFunction: null }, mirror: { classPropertyName: "mirror", publicName: "mirror", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.df-btn-solid": "resolvedAppearance() === 'solid'", "class.df-btn-outline": "resolvedAppearance() === 'outline'", "class.df-btn-text": "resolvedAppearance() === 'text'", "class.df-btn-transparent": "resolvedTransparent() && resolvedAppearance() !== 'solid'", "class.df-btn-primary": "resolvedVariant() === 'primary'", "class.df-btn-neutral": "resolvedVariant() === 'neutral'", "class.df-btn-danger": "resolvedVariant() === 'danger'", "class.df-btn-mirror": "resolvedMirror()", "class.df-btn-sm": "resolvedSize() === 'sm'", "class.df-btn-lg": "resolvedSize() === 'lg'" }, classAttribute: "df-btn df-btn-no-transition" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ɵDfButtonVisual, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        class: 'df-btn df-btn-no-transition',
+                        '[class.df-btn-solid]': `resolvedAppearance() === 'solid'`,
+                        '[class.df-btn-outline]': `resolvedAppearance() === 'outline'`,
+                        '[class.df-btn-text]': `resolvedAppearance() === 'text'`,
+                        '[class.df-btn-transparent]': `resolvedTransparent() && resolvedAppearance() !== 'solid'`,
+                        '[class.df-btn-primary]': `resolvedVariant() === 'primary'`,
+                        '[class.df-btn-neutral]': `resolvedVariant() === 'neutral'`,
+                        '[class.df-btn-danger]': `resolvedVariant() === 'danger'`,
+                        '[class.df-btn-mirror]': 'resolvedMirror()',
+                        '[class.df-btn-sm]': `resolvedSize() === 'sm'`,
+                        '[class.df-btn-lg]': `resolvedSize() === 'lg'`
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], transparent: [{ type: i0.Input, args: [{ isSignal: true, alias: "transparent", required: false }] }], mirror: [{ type: i0.Input, args: [{ isSignal: true, alias: "mirror", required: false }] }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
+/**
+ * Design Factory button directive for native `<button>` and `<a>` elements.
+ *
+ * @since 22.0
+ */
+class DfButton {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: DfButton, isStandalone: true, selector: "button[dfButton], a[dfButton]", hostDirectives: [{ directive: ɵDfButtonVisual, inputs: ["variant", "variant", "appearance", "appearance", "size", "size", "transparent", "transparent", "mirror", "mirror"] }, { directive: ɵDfButtonHost, inputs: ["type", "type", "disabled", "disabled", "tabindex", "tabindex"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".df-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--df-spacing-3);padding-block:.3125rem;padding-inline:var(--df-spacing-4);font-size:var(--df-typo-sizing-default);font-weight:var(--df-typo-weight-medium);line-height:1.5;color:inherit;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;text-decoration:none;background-color:transparent;border:1px solid transparent;border-radius:var(--df-button-borderRadius-main-medium);outline:2px solid transparent;outline-offset:2px;cursor:pointer}.df-btn:not(.df-btn-no-transition){transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){.df-btn:not(.df-btn-no-transition){transition:none}}.df-btn:focus-visible{outline-color:var(--df-button-focus-ring-color)}.df-btn:focus:not(:focus-visible){outline:2px solid transparent}.df-btn:is(:disabled,[aria-disabled=true]){pointer-events:auto;opacity:1;outline-color:transparent;transition:none;cursor:not-allowed}.df-btn.df-btn-sm{gap:var(--df-spacing-2);padding-block:.21875rem;padding-inline:var(--df-spacing-3);font-size:var(--df-typo-sizing-small);border-radius:var(--df-button-borderRadius-main-small)}.df-btn.df-btn-lg{gap:var(--df-spacing-4);padding-block:.59375rem;padding-inline:var(--df-spacing-5);font-size:var(--df-typo-sizing-large);border-radius:var(--df-button-borderRadius-main-large)}.df-btn.df-btn-solid.df-btn-primary{color:var(--df-button-solid-basic-color-primary-default-foreground);background-color:var(--df-button-solid-basic-color-primary-default-background);border-color:var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-primary-hovered-foreground);background-color:var(--df-button-solid-basic-color-primary-hovered-background);border-color:var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-primary-hovered-foreground);background-color:var(--df-button-solid-basic-color-primary-hovered-background);border-color:var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-primary-default-foreground);background-color:var(--df-button-solid-basic-color-primary-default-background);border-color:var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-primary-pressed-foreground);background-color:var(--df-button-solid-basic-color-primary-pressed-background);border-color:var(--df-button-solid-basic-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-primary{color:var(--df-button-outline-basic-color-primary-default-foreground);background-color:var(--df-button-outline-basic-color-primary-default-background);border-color:var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-primary-hovered-foreground);background-color:var(--df-button-outline-basic-color-primary-hovered-background);border-color:var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-primary-hovered-foreground);background-color:var(--df-button-outline-basic-color-primary-hovered-background);border-color:var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-primary-default-foreground);background-color:var(--df-button-outline-basic-color-primary-default-background);border-color:var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-primary-pressed-foreground);background-color:var(--df-button-outline-basic-color-primary-pressed-background);border-color:var(--df-button-outline-basic-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-primary{color:var(--df-button-text-basic-color-primary-default-foreground);background-color:var(--df-button-text-basic-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-primary-hovered-foreground);background-color:var(--df-button-text-basic-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-primary-hovered-foreground);background-color:var(--df-button-text-basic-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-primary-default-foreground);background-color:var(--df-button-text-basic-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-default-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-hovered-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-pressed-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-primary-pressed-foreground);background-color:var(--df-button-text-basic-color-primary-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-danger{color:var(--df-button-solid-basic-color-danger-default-foreground);background-color:var(--df-button-solid-basic-color-danger-default-background);border-color:var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-danger-hovered-foreground);background-color:var(--df-button-solid-basic-color-danger-hovered-background);border-color:var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-danger-hovered-foreground);background-color:var(--df-button-solid-basic-color-danger-hovered-background);border-color:var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-danger-default-foreground);background-color:var(--df-button-solid-basic-color-danger-default-background);border-color:var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-danger-pressed-foreground);background-color:var(--df-button-solid-basic-color-danger-pressed-background);border-color:var(--df-button-solid-basic-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-danger{color:var(--df-button-outline-basic-color-danger-default-foreground);background-color:var(--df-button-outline-basic-color-danger-default-background);border-color:var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-danger-hovered-foreground);background-color:var(--df-button-outline-basic-color-danger-hovered-background);border-color:var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-danger-hovered-foreground);background-color:var(--df-button-outline-basic-color-danger-hovered-background);border-color:var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-danger-default-foreground);background-color:var(--df-button-outline-basic-color-danger-default-background);border-color:var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-danger-pressed-foreground);background-color:var(--df-button-outline-basic-color-danger-pressed-background);border-color:var(--df-button-outline-basic-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-danger{color:var(--df-button-text-basic-color-danger-default-foreground);background-color:var(--df-button-text-basic-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-danger-hovered-foreground);background-color:var(--df-button-text-basic-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-danger-hovered-foreground);background-color:var(--df-button-text-basic-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-danger-default-foreground);background-color:var(--df-button-text-basic-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-default-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-hovered-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-pressed-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-danger-pressed-foreground);background-color:var(--df-button-text-basic-color-danger-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-neutral{color:var(--df-button-solid-basic-color-neutral-default-foreground);background-color:var(--df-button-solid-basic-color-neutral-default-background);border-color:var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-neutral-hovered-foreground);background-color:var(--df-button-solid-basic-color-neutral-hovered-background);border-color:var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-neutral-hovered-foreground);background-color:var(--df-button-solid-basic-color-neutral-hovered-background);border-color:var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-neutral-default-foreground);background-color:var(--df-button-solid-basic-color-neutral-default-background);border-color:var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-neutral-pressed-foreground);background-color:var(--df-button-solid-basic-color-neutral-pressed-background);border-color:var(--df-button-solid-basic-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-neutral{color:var(--df-button-outline-basic-color-neutral-default-foreground);background-color:var(--df-button-outline-basic-color-neutral-default-background);border-color:var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-neutral-hovered-foreground);background-color:var(--df-button-outline-basic-color-neutral-hovered-background);border-color:var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-neutral-hovered-foreground);background-color:var(--df-button-outline-basic-color-neutral-hovered-background);border-color:var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-neutral-default-foreground);background-color:var(--df-button-outline-basic-color-neutral-default-background);border-color:var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-neutral-pressed-foreground);background-color:var(--df-button-outline-basic-color-neutral-pressed-background);border-color:var(--df-button-outline-basic-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-neutral{color:var(--df-button-text-basic-color-neutral-default-foreground);background-color:var(--df-button-text-basic-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-neutral-hovered-foreground);background-color:var(--df-button-text-basic-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-neutral-hovered-foreground);background-color:var(--df-button-text-basic-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-neutral-default-foreground);background-color:var(--df-button-text-basic-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-default-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-hovered-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-pressed-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-neutral-pressed-foreground);background-color:var(--df-button-text-basic-color-neutral-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror{color:var(--df-button-solid-mirror-color-primary-default-foreground);background-color:var(--df-button-solid-mirror-color-primary-default-background);border-color:var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-primary-hovered-foreground);background-color:var(--df-button-solid-mirror-color-primary-hovered-background);border-color:var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-primary-hovered-foreground);background-color:var(--df-button-solid-mirror-color-primary-hovered-background);border-color:var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-primary-default-foreground);background-color:var(--df-button-solid-mirror-color-primary-default-background);border-color:var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-primary-pressed-foreground);background-color:var(--df-button-solid-mirror-color-primary-pressed-background);border-color:var(--df-button-solid-mirror-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror{color:var(--df-button-outline-mirror-color-primary-default-foreground);background-color:var(--df-button-outline-mirror-color-primary-default-background);border-color:var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-primary-hovered-foreground);background-color:var(--df-button-outline-mirror-color-primary-hovered-background);border-color:var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-primary-hovered-foreground);background-color:var(--df-button-outline-mirror-color-primary-hovered-background);border-color:var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-primary-default-foreground);background-color:var(--df-button-outline-mirror-color-primary-default-background);border-color:var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-primary-pressed-foreground);background-color:var(--df-button-outline-mirror-color-primary-pressed-background);border-color:var(--df-button-outline-mirror-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror{color:var(--df-button-text-mirror-color-primary-default-foreground);background-color:var(--df-button-text-mirror-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-primary-hovered-foreground);background-color:var(--df-button-text-mirror-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-primary-hovered-foreground);background-color:var(--df-button-text-mirror-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-primary-default-foreground);background-color:var(--df-button-text-mirror-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-default-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-hovered-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-pressed-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-primary-pressed-foreground);background-color:var(--df-button-text-mirror-color-primary-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror{color:var(--df-button-solid-mirror-color-danger-default-foreground);background-color:var(--df-button-solid-mirror-color-danger-default-background);border-color:var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-danger-hovered-foreground);background-color:var(--df-button-solid-mirror-color-danger-hovered-background);border-color:var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-danger-hovered-foreground);background-color:var(--df-button-solid-mirror-color-danger-hovered-background);border-color:var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-danger-default-foreground);background-color:var(--df-button-solid-mirror-color-danger-default-background);border-color:var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-danger-pressed-foreground);background-color:var(--df-button-solid-mirror-color-danger-pressed-background);border-color:var(--df-button-solid-mirror-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror{color:var(--df-button-outline-mirror-color-danger-default-foreground);background-color:var(--df-button-outline-mirror-color-danger-default-background);border-color:var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-danger-hovered-foreground);background-color:var(--df-button-outline-mirror-color-danger-hovered-background);border-color:var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-danger-hovered-foreground);background-color:var(--df-button-outline-mirror-color-danger-hovered-background);border-color:var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-danger-default-foreground);background-color:var(--df-button-outline-mirror-color-danger-default-background);border-color:var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-danger-pressed-foreground);background-color:var(--df-button-outline-mirror-color-danger-pressed-background);border-color:var(--df-button-outline-mirror-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror{color:var(--df-button-text-mirror-color-danger-default-foreground);background-color:var(--df-button-text-mirror-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-danger-hovered-foreground);background-color:var(--df-button-text-mirror-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-danger-hovered-foreground);background-color:var(--df-button-text-mirror-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-danger-default-foreground);background-color:var(--df-button-text-mirror-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-default-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-hovered-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-pressed-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-danger-pressed-foreground);background-color:var(--df-button-text-mirror-color-danger-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror{color:var(--df-button-solid-mirror-color-neutral-default-foreground);background-color:var(--df-button-solid-mirror-color-neutral-default-background);border-color:var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-solid-mirror-color-neutral-hovered-background);border-color:var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-solid-mirror-color-neutral-hovered-background);border-color:var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-neutral-default-foreground);background-color:var(--df-button-solid-mirror-color-neutral-default-background);border-color:var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-solid-mirror-color-neutral-pressed-background);border-color:var(--df-button-solid-mirror-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror{color:var(--df-button-outline-mirror-color-neutral-default-foreground);background-color:var(--df-button-outline-mirror-color-neutral-default-background);border-color:var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-outline-mirror-color-neutral-hovered-background);border-color:var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-outline-mirror-color-neutral-hovered-background);border-color:var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-neutral-default-foreground);background-color:var(--df-button-outline-mirror-color-neutral-default-background);border-color:var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-outline-mirror-color-neutral-pressed-background);border-color:var(--df-button-outline-mirror-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror{color:var(--df-button-text-mirror-color-neutral-default-foreground);background-color:var(--df-button-text-mirror-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-text-mirror-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-text-mirror-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-neutral-default-foreground);background-color:var(--df-button-text-mirror-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-default-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-hovered-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-pressed-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-text-mirror-color-neutral-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-outline.df-btn-primary.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-primary.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-danger.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-danger.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-neutral.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-neutral.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-primary.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-danger.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn-icononly{width:2.25rem;height:2.25rem;padding:0;font-size:var(--df-icons-sizing-default)}.df-btn-icononly.df-btn-sm{width:1.875rem;height:1.875rem;font-size:var(--df-icons-sizing-small)}.df-btn-icononly.df-btn-lg{width:3rem;height:3rem;font-size:var(--df-icons-sizing-large)}a.df-btn-icononly{font-size:var(--df-icons-sizing-2xlarge)}a.df-btn-icononly.df-btn-sm{font-size:var(--df-icons-sizing-large)}a.df-btn-icononly.df-btn-lg{font-size:var(--df-icons-sizing-3xlarge)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[dfButton], a[dfButton]', hostDirectives: [
+                        {
+                            directive: ɵDfButtonVisual,
+                            inputs: ['variant', 'appearance', 'size', 'transparent', 'mirror']
+                        },
+                        {
+                            directive: ɵDfButtonHost,
+                            inputs: ['type', 'disabled', 'tabindex']
+                        }
+                    ], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, styles: [".df-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--df-spacing-3);padding-block:.3125rem;padding-inline:var(--df-spacing-4);font-size:var(--df-typo-sizing-default);font-weight:var(--df-typo-weight-medium);line-height:1.5;color:inherit;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;text-decoration:none;background-color:transparent;border:1px solid transparent;border-radius:var(--df-button-borderRadius-main-medium);outline:2px solid transparent;outline-offset:2px;cursor:pointer}.df-btn:not(.df-btn-no-transition){transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){.df-btn:not(.df-btn-no-transition){transition:none}}.df-btn:focus-visible{outline-color:var(--df-button-focus-ring-color)}.df-btn:focus:not(:focus-visible){outline:2px solid transparent}.df-btn:is(:disabled,[aria-disabled=true]){pointer-events:auto;opacity:1;outline-color:transparent;transition:none;cursor:not-allowed}.df-btn.df-btn-sm{gap:var(--df-spacing-2);padding-block:.21875rem;padding-inline:var(--df-spacing-3);font-size:var(--df-typo-sizing-small);border-radius:var(--df-button-borderRadius-main-small)}.df-btn.df-btn-lg{gap:var(--df-spacing-4);padding-block:.59375rem;padding-inline:var(--df-spacing-5);font-size:var(--df-typo-sizing-large);border-radius:var(--df-button-borderRadius-main-large)}.df-btn.df-btn-solid.df-btn-primary{color:var(--df-button-solid-basic-color-primary-default-foreground);background-color:var(--df-button-solid-basic-color-primary-default-background);border-color:var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-primary-hovered-foreground);background-color:var(--df-button-solid-basic-color-primary-hovered-background);border-color:var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-primary-hovered-foreground);background-color:var(--df-button-solid-basic-color-primary-hovered-background);border-color:var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-primary-default-foreground);background-color:var(--df-button-solid-basic-color-primary-default-background);border-color:var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-primary-pressed-foreground);background-color:var(--df-button-solid-basic-color-primary-pressed-background);border-color:var(--df-button-solid-basic-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-primary{color:var(--df-button-outline-basic-color-primary-default-foreground);background-color:var(--df-button-outline-basic-color-primary-default-background);border-color:var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-primary-hovered-foreground);background-color:var(--df-button-outline-basic-color-primary-hovered-background);border-color:var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-primary-hovered-foreground);background-color:var(--df-button-outline-basic-color-primary-hovered-background);border-color:var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-primary-default-foreground);background-color:var(--df-button-outline-basic-color-primary-default-background);border-color:var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-primary-pressed-foreground);background-color:var(--df-button-outline-basic-color-primary-pressed-background);border-color:var(--df-button-outline-basic-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-primary{color:var(--df-button-text-basic-color-primary-default-foreground);background-color:var(--df-button-text-basic-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-primary-hovered-foreground);background-color:var(--df-button-text-basic-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-primary-hovered-foreground);background-color:var(--df-button-text-basic-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-primary-default-foreground);background-color:var(--df-button-text-basic-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-default-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-hovered-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-pressed-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-primary-pressed-foreground);background-color:var(--df-button-text-basic-color-primary-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-danger{color:var(--df-button-solid-basic-color-danger-default-foreground);background-color:var(--df-button-solid-basic-color-danger-default-background);border-color:var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-danger-hovered-foreground);background-color:var(--df-button-solid-basic-color-danger-hovered-background);border-color:var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-danger-hovered-foreground);background-color:var(--df-button-solid-basic-color-danger-hovered-background);border-color:var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-danger-default-foreground);background-color:var(--df-button-solid-basic-color-danger-default-background);border-color:var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-danger-pressed-foreground);background-color:var(--df-button-solid-basic-color-danger-pressed-background);border-color:var(--df-button-solid-basic-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-danger{color:var(--df-button-outline-basic-color-danger-default-foreground);background-color:var(--df-button-outline-basic-color-danger-default-background);border-color:var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-danger-hovered-foreground);background-color:var(--df-button-outline-basic-color-danger-hovered-background);border-color:var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-danger-hovered-foreground);background-color:var(--df-button-outline-basic-color-danger-hovered-background);border-color:var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-danger-default-foreground);background-color:var(--df-button-outline-basic-color-danger-default-background);border-color:var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-danger-pressed-foreground);background-color:var(--df-button-outline-basic-color-danger-pressed-background);border-color:var(--df-button-outline-basic-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-danger{color:var(--df-button-text-basic-color-danger-default-foreground);background-color:var(--df-button-text-basic-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-danger-hovered-foreground);background-color:var(--df-button-text-basic-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-danger-hovered-foreground);background-color:var(--df-button-text-basic-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-danger-default-foreground);background-color:var(--df-button-text-basic-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-default-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-hovered-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-pressed-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-danger-pressed-foreground);background-color:var(--df-button-text-basic-color-danger-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-neutral{color:var(--df-button-solid-basic-color-neutral-default-foreground);background-color:var(--df-button-solid-basic-color-neutral-default-background);border-color:var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-neutral-hovered-foreground);background-color:var(--df-button-solid-basic-color-neutral-hovered-background);border-color:var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-neutral-hovered-foreground);background-color:var(--df-button-solid-basic-color-neutral-hovered-background);border-color:var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-neutral-default-foreground);background-color:var(--df-button-solid-basic-color-neutral-default-background);border-color:var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-neutral-pressed-foreground);background-color:var(--df-button-solid-basic-color-neutral-pressed-background);border-color:var(--df-button-solid-basic-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-neutral{color:var(--df-button-outline-basic-color-neutral-default-foreground);background-color:var(--df-button-outline-basic-color-neutral-default-background);border-color:var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-neutral-hovered-foreground);background-color:var(--df-button-outline-basic-color-neutral-hovered-background);border-color:var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-neutral-hovered-foreground);background-color:var(--df-button-outline-basic-color-neutral-hovered-background);border-color:var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-neutral-default-foreground);background-color:var(--df-button-outline-basic-color-neutral-default-background);border-color:var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-neutral-pressed-foreground);background-color:var(--df-button-outline-basic-color-neutral-pressed-background);border-color:var(--df-button-outline-basic-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-neutral{color:var(--df-button-text-basic-color-neutral-default-foreground);background-color:var(--df-button-text-basic-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-neutral-hovered-foreground);background-color:var(--df-button-text-basic-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-neutral-hovered-foreground);background-color:var(--df-button-text-basic-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-neutral-default-foreground);background-color:var(--df-button-text-basic-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-default-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-hovered-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-pressed-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-neutral-pressed-foreground);background-color:var(--df-button-text-basic-color-neutral-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror{color:var(--df-button-solid-mirror-color-primary-default-foreground);background-color:var(--df-button-solid-mirror-color-primary-default-background);border-color:var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-primary-hovered-foreground);background-color:var(--df-button-solid-mirror-color-primary-hovered-background);border-color:var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-primary-hovered-foreground);background-color:var(--df-button-solid-mirror-color-primary-hovered-background);border-color:var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-primary-default-foreground);background-color:var(--df-button-solid-mirror-color-primary-default-background);border-color:var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-primary-pressed-foreground);background-color:var(--df-button-solid-mirror-color-primary-pressed-background);border-color:var(--df-button-solid-mirror-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror{color:var(--df-button-outline-mirror-color-primary-default-foreground);background-color:var(--df-button-outline-mirror-color-primary-default-background);border-color:var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-primary-hovered-foreground);background-color:var(--df-button-outline-mirror-color-primary-hovered-background);border-color:var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-primary-hovered-foreground);background-color:var(--df-button-outline-mirror-color-primary-hovered-background);border-color:var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-primary-default-foreground);background-color:var(--df-button-outline-mirror-color-primary-default-background);border-color:var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-primary-pressed-foreground);background-color:var(--df-button-outline-mirror-color-primary-pressed-background);border-color:var(--df-button-outline-mirror-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror{color:var(--df-button-text-mirror-color-primary-default-foreground);background-color:var(--df-button-text-mirror-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-primary-hovered-foreground);background-color:var(--df-button-text-mirror-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-primary-hovered-foreground);background-color:var(--df-button-text-mirror-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-primary-default-foreground);background-color:var(--df-button-text-mirror-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-default-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-hovered-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-pressed-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-primary-pressed-foreground);background-color:var(--df-button-text-mirror-color-primary-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror{color:var(--df-button-solid-mirror-color-danger-default-foreground);background-color:var(--df-button-solid-mirror-color-danger-default-background);border-color:var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-danger-hovered-foreground);background-color:var(--df-button-solid-mirror-color-danger-hovered-background);border-color:var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-danger-hovered-foreground);background-color:var(--df-button-solid-mirror-color-danger-hovered-background);border-color:var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-danger-default-foreground);background-color:var(--df-button-solid-mirror-color-danger-default-background);border-color:var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-danger-pressed-foreground);background-color:var(--df-button-solid-mirror-color-danger-pressed-background);border-color:var(--df-button-solid-mirror-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror{color:var(--df-button-outline-mirror-color-danger-default-foreground);background-color:var(--df-button-outline-mirror-color-danger-default-background);border-color:var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-danger-hovered-foreground);background-color:var(--df-button-outline-mirror-color-danger-hovered-background);border-color:var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-danger-hovered-foreground);background-color:var(--df-button-outline-mirror-color-danger-hovered-background);border-color:var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-danger-default-foreground);background-color:var(--df-button-outline-mirror-color-danger-default-background);border-color:var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-danger-pressed-foreground);background-color:var(--df-button-outline-mirror-color-danger-pressed-background);border-color:var(--df-button-outline-mirror-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror{color:var(--df-button-text-mirror-color-danger-default-foreground);background-color:var(--df-button-text-mirror-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-danger-hovered-foreground);background-color:var(--df-button-text-mirror-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-danger-hovered-foreground);background-color:var(--df-button-text-mirror-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-danger-default-foreground);background-color:var(--df-button-text-mirror-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-default-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-hovered-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-pressed-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-danger-pressed-foreground);background-color:var(--df-button-text-mirror-color-danger-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror{color:var(--df-button-solid-mirror-color-neutral-default-foreground);background-color:var(--df-button-solid-mirror-color-neutral-default-background);border-color:var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-solid-mirror-color-neutral-hovered-background);border-color:var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-solid-mirror-color-neutral-hovered-background);border-color:var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-neutral-default-foreground);background-color:var(--df-button-solid-mirror-color-neutral-default-background);border-color:var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-solid-mirror-color-neutral-pressed-background);border-color:var(--df-button-solid-mirror-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror{color:var(--df-button-outline-mirror-color-neutral-default-foreground);background-color:var(--df-button-outline-mirror-color-neutral-default-background);border-color:var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-outline-mirror-color-neutral-hovered-background);border-color:var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-outline-mirror-color-neutral-hovered-background);border-color:var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-neutral-default-foreground);background-color:var(--df-button-outline-mirror-color-neutral-default-background);border-color:var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-outline-mirror-color-neutral-pressed-background);border-color:var(--df-button-outline-mirror-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror{color:var(--df-button-text-mirror-color-neutral-default-foreground);background-color:var(--df-button-text-mirror-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-text-mirror-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-text-mirror-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-neutral-default-foreground);background-color:var(--df-button-text-mirror-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-default-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-hovered-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-pressed-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-text-mirror-color-neutral-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-outline.df-btn-primary.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-primary.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-danger.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-danger.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-neutral.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-neutral.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-primary.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-danger.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn-icononly{width:2.25rem;height:2.25rem;padding:0;font-size:var(--df-icons-sizing-default)}.df-btn-icononly.df-btn-sm{width:1.875rem;height:1.875rem;font-size:var(--df-icons-sizing-small)}.df-btn-icononly.df-btn-lg{width:3rem;height:3rem;font-size:var(--df-icons-sizing-large)}a.df-btn-icononly{font-size:var(--df-icons-sizing-2xlarge)}a.df-btn-icononly.df-btn-sm{font-size:var(--df-icons-sizing-large)}a.df-btn-icononly.df-btn-lg{font-size:var(--df-icons-sizing-3xlarge)}\n"] }]
+        }] });
+/**
+ * Design Factory icon-only button directive for native `<button>` and `<a>` elements.
+ *
+ * Provide an accessible name with `aria-label` or `aria-labelledby`.
+ * Provide the icon with classes on the host element.
+ *
+ * @since 22.0
+ */
+class DfIconButton {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfIconButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: DfIconButton, isStandalone: true, selector: "button[dfIconButton], a[dfIconButton]", host: { classAttribute: "df-btn-icononly" }, hostDirectives: [{ directive: ɵDfButtonVisual, inputs: ["variant", "variant", "appearance", "appearance", "size", "size", "transparent", "transparent", "mirror", "mirror"] }, { directive: ɵDfButtonHost, inputs: ["type", "type", "disabled", "disabled", "tabindex", "tabindex"] }], ngImport: i0, template: ``, isInline: true, styles: [".df-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--df-spacing-3);padding-block:.3125rem;padding-inline:var(--df-spacing-4);font-size:var(--df-typo-sizing-default);font-weight:var(--df-typo-weight-medium);line-height:1.5;color:inherit;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;text-decoration:none;background-color:transparent;border:1px solid transparent;border-radius:var(--df-button-borderRadius-main-medium);outline:2px solid transparent;outline-offset:2px;cursor:pointer}.df-btn:not(.df-btn-no-transition){transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){.df-btn:not(.df-btn-no-transition){transition:none}}.df-btn:focus-visible{outline-color:var(--df-button-focus-ring-color)}.df-btn:focus:not(:focus-visible){outline:2px solid transparent}.df-btn:is(:disabled,[aria-disabled=true]){pointer-events:auto;opacity:1;outline-color:transparent;transition:none;cursor:not-allowed}.df-btn.df-btn-sm{gap:var(--df-spacing-2);padding-block:.21875rem;padding-inline:var(--df-spacing-3);font-size:var(--df-typo-sizing-small);border-radius:var(--df-button-borderRadius-main-small)}.df-btn.df-btn-lg{gap:var(--df-spacing-4);padding-block:.59375rem;padding-inline:var(--df-spacing-5);font-size:var(--df-typo-sizing-large);border-radius:var(--df-button-borderRadius-main-large)}.df-btn.df-btn-solid.df-btn-primary{color:var(--df-button-solid-basic-color-primary-default-foreground);background-color:var(--df-button-solid-basic-color-primary-default-background);border-color:var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-primary-hovered-foreground);background-color:var(--df-button-solid-basic-color-primary-hovered-background);border-color:var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-primary-hovered-foreground);background-color:var(--df-button-solid-basic-color-primary-hovered-background);border-color:var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-primary-default-foreground);background-color:var(--df-button-solid-basic-color-primary-default-background);border-color:var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-primary-pressed-foreground);background-color:var(--df-button-solid-basic-color-primary-pressed-background);border-color:var(--df-button-solid-basic-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-primary{color:var(--df-button-outline-basic-color-primary-default-foreground);background-color:var(--df-button-outline-basic-color-primary-default-background);border-color:var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-primary-hovered-foreground);background-color:var(--df-button-outline-basic-color-primary-hovered-background);border-color:var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-primary-hovered-foreground);background-color:var(--df-button-outline-basic-color-primary-hovered-background);border-color:var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-primary-default-foreground);background-color:var(--df-button-outline-basic-color-primary-default-background);border-color:var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-primary-pressed-foreground);background-color:var(--df-button-outline-basic-color-primary-pressed-background);border-color:var(--df-button-outline-basic-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-primary{color:var(--df-button-text-basic-color-primary-default-foreground);background-color:var(--df-button-text-basic-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-primary-hovered-foreground);background-color:var(--df-button-text-basic-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-primary-hovered-foreground);background-color:var(--df-button-text-basic-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-primary-default-foreground);background-color:var(--df-button-text-basic-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-default-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-hovered-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-pressed-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-primary-pressed-foreground);background-color:var(--df-button-text-basic-color-primary-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-danger{color:var(--df-button-solid-basic-color-danger-default-foreground);background-color:var(--df-button-solid-basic-color-danger-default-background);border-color:var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-danger-hovered-foreground);background-color:var(--df-button-solid-basic-color-danger-hovered-background);border-color:var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-danger-hovered-foreground);background-color:var(--df-button-solid-basic-color-danger-hovered-background);border-color:var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-danger-default-foreground);background-color:var(--df-button-solid-basic-color-danger-default-background);border-color:var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-danger-pressed-foreground);background-color:var(--df-button-solid-basic-color-danger-pressed-background);border-color:var(--df-button-solid-basic-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-danger{color:var(--df-button-outline-basic-color-danger-default-foreground);background-color:var(--df-button-outline-basic-color-danger-default-background);border-color:var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-danger-hovered-foreground);background-color:var(--df-button-outline-basic-color-danger-hovered-background);border-color:var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-danger-hovered-foreground);background-color:var(--df-button-outline-basic-color-danger-hovered-background);border-color:var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-danger-default-foreground);background-color:var(--df-button-outline-basic-color-danger-default-background);border-color:var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-danger-pressed-foreground);background-color:var(--df-button-outline-basic-color-danger-pressed-background);border-color:var(--df-button-outline-basic-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-danger{color:var(--df-button-text-basic-color-danger-default-foreground);background-color:var(--df-button-text-basic-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-danger-hovered-foreground);background-color:var(--df-button-text-basic-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-danger-hovered-foreground);background-color:var(--df-button-text-basic-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-danger-default-foreground);background-color:var(--df-button-text-basic-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-default-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-hovered-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-pressed-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-danger-pressed-foreground);background-color:var(--df-button-text-basic-color-danger-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-neutral{color:var(--df-button-solid-basic-color-neutral-default-foreground);background-color:var(--df-button-solid-basic-color-neutral-default-background);border-color:var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-neutral-hovered-foreground);background-color:var(--df-button-solid-basic-color-neutral-hovered-background);border-color:var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-neutral-hovered-foreground);background-color:var(--df-button-solid-basic-color-neutral-hovered-background);border-color:var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-neutral-default-foreground);background-color:var(--df-button-solid-basic-color-neutral-default-background);border-color:var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-neutral-pressed-foreground);background-color:var(--df-button-solid-basic-color-neutral-pressed-background);border-color:var(--df-button-solid-basic-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-neutral{color:var(--df-button-outline-basic-color-neutral-default-foreground);background-color:var(--df-button-outline-basic-color-neutral-default-background);border-color:var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-neutral-hovered-foreground);background-color:var(--df-button-outline-basic-color-neutral-hovered-background);border-color:var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-neutral-hovered-foreground);background-color:var(--df-button-outline-basic-color-neutral-hovered-background);border-color:var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-neutral-default-foreground);background-color:var(--df-button-outline-basic-color-neutral-default-background);border-color:var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-neutral-pressed-foreground);background-color:var(--df-button-outline-basic-color-neutral-pressed-background);border-color:var(--df-button-outline-basic-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-neutral{color:var(--df-button-text-basic-color-neutral-default-foreground);background-color:var(--df-button-text-basic-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-neutral-hovered-foreground);background-color:var(--df-button-text-basic-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-neutral-hovered-foreground);background-color:var(--df-button-text-basic-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-neutral-default-foreground);background-color:var(--df-button-text-basic-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-default-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-hovered-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-pressed-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-neutral-pressed-foreground);background-color:var(--df-button-text-basic-color-neutral-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror{color:var(--df-button-solid-mirror-color-primary-default-foreground);background-color:var(--df-button-solid-mirror-color-primary-default-background);border-color:var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-primary-hovered-foreground);background-color:var(--df-button-solid-mirror-color-primary-hovered-background);border-color:var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-primary-hovered-foreground);background-color:var(--df-button-solid-mirror-color-primary-hovered-background);border-color:var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-primary-default-foreground);background-color:var(--df-button-solid-mirror-color-primary-default-background);border-color:var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-primary-pressed-foreground);background-color:var(--df-button-solid-mirror-color-primary-pressed-background);border-color:var(--df-button-solid-mirror-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror{color:var(--df-button-outline-mirror-color-primary-default-foreground);background-color:var(--df-button-outline-mirror-color-primary-default-background);border-color:var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-primary-hovered-foreground);background-color:var(--df-button-outline-mirror-color-primary-hovered-background);border-color:var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-primary-hovered-foreground);background-color:var(--df-button-outline-mirror-color-primary-hovered-background);border-color:var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-primary-default-foreground);background-color:var(--df-button-outline-mirror-color-primary-default-background);border-color:var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-primary-pressed-foreground);background-color:var(--df-button-outline-mirror-color-primary-pressed-background);border-color:var(--df-button-outline-mirror-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror{color:var(--df-button-text-mirror-color-primary-default-foreground);background-color:var(--df-button-text-mirror-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-primary-hovered-foreground);background-color:var(--df-button-text-mirror-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-primary-hovered-foreground);background-color:var(--df-button-text-mirror-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-primary-default-foreground);background-color:var(--df-button-text-mirror-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-default-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-hovered-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-pressed-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-primary-pressed-foreground);background-color:var(--df-button-text-mirror-color-primary-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror{color:var(--df-button-solid-mirror-color-danger-default-foreground);background-color:var(--df-button-solid-mirror-color-danger-default-background);border-color:var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-danger-hovered-foreground);background-color:var(--df-button-solid-mirror-color-danger-hovered-background);border-color:var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-danger-hovered-foreground);background-color:var(--df-button-solid-mirror-color-danger-hovered-background);border-color:var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-danger-default-foreground);background-color:var(--df-button-solid-mirror-color-danger-default-background);border-color:var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-danger-pressed-foreground);background-color:var(--df-button-solid-mirror-color-danger-pressed-background);border-color:var(--df-button-solid-mirror-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror{color:var(--df-button-outline-mirror-color-danger-default-foreground);background-color:var(--df-button-outline-mirror-color-danger-default-background);border-color:var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-danger-hovered-foreground);background-color:var(--df-button-outline-mirror-color-danger-hovered-background);border-color:var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-danger-hovered-foreground);background-color:var(--df-button-outline-mirror-color-danger-hovered-background);border-color:var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-danger-default-foreground);background-color:var(--df-button-outline-mirror-color-danger-default-background);border-color:var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-danger-pressed-foreground);background-color:var(--df-button-outline-mirror-color-danger-pressed-background);border-color:var(--df-button-outline-mirror-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror{color:var(--df-button-text-mirror-color-danger-default-foreground);background-color:var(--df-button-text-mirror-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-danger-hovered-foreground);background-color:var(--df-button-text-mirror-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-danger-hovered-foreground);background-color:var(--df-button-text-mirror-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-danger-default-foreground);background-color:var(--df-button-text-mirror-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-default-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-hovered-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-pressed-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-danger-pressed-foreground);background-color:var(--df-button-text-mirror-color-danger-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror{color:var(--df-button-solid-mirror-color-neutral-default-foreground);background-color:var(--df-button-solid-mirror-color-neutral-default-background);border-color:var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-solid-mirror-color-neutral-hovered-background);border-color:var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-solid-mirror-color-neutral-hovered-background);border-color:var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-neutral-default-foreground);background-color:var(--df-button-solid-mirror-color-neutral-default-background);border-color:var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-solid-mirror-color-neutral-pressed-background);border-color:var(--df-button-solid-mirror-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror{color:var(--df-button-outline-mirror-color-neutral-default-foreground);background-color:var(--df-button-outline-mirror-color-neutral-default-background);border-color:var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-outline-mirror-color-neutral-hovered-background);border-color:var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-outline-mirror-color-neutral-hovered-background);border-color:var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-neutral-default-foreground);background-color:var(--df-button-outline-mirror-color-neutral-default-background);border-color:var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-outline-mirror-color-neutral-pressed-background);border-color:var(--df-button-outline-mirror-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror{color:var(--df-button-text-mirror-color-neutral-default-foreground);background-color:var(--df-button-text-mirror-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-text-mirror-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-text-mirror-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-neutral-default-foreground);background-color:var(--df-button-text-mirror-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-default-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-hovered-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-pressed-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-text-mirror-color-neutral-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-outline.df-btn-primary.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-primary.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-danger.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-danger.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-neutral.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-neutral.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-primary.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-danger.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn-icononly{width:2.25rem;height:2.25rem;padding:0;font-size:var(--df-icons-sizing-default)}.df-btn-icononly.df-btn-sm{width:1.875rem;height:1.875rem;font-size:var(--df-icons-sizing-small)}.df-btn-icononly.df-btn-lg{width:3rem;height:3rem;font-size:var(--df-icons-sizing-large)}a.df-btn-icononly{font-size:var(--df-icons-sizing-2xlarge)}a.df-btn-icononly.df-btn-sm{font-size:var(--df-icons-sizing-large)}a.df-btn-icononly.df-btn-lg{font-size:var(--df-icons-sizing-3xlarge)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DfIconButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[dfIconButton], a[dfIconButton]', host: {
+                        class: 'df-btn-icononly'
+                    }, hostDirectives: [
+                        {
+                            directive: ɵDfButtonVisual,
+                            inputs: ['variant', 'appearance', 'size', 'transparent', 'mirror']
+                        },
+                        {
+                            directive: ɵDfButtonHost,
+                            inputs: ['type', 'disabled', 'tabindex']
+                        }
+                    ], template: ``, encapsulation: ViewEncapsulation.None, styles: [".df-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--df-spacing-3);padding-block:.3125rem;padding-inline:var(--df-spacing-4);font-size:var(--df-typo-sizing-default);font-weight:var(--df-typo-weight-medium);line-height:1.5;color:inherit;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;text-decoration:none;background-color:transparent;border:1px solid transparent;border-radius:var(--df-button-borderRadius-main-medium);outline:2px solid transparent;outline-offset:2px;cursor:pointer}.df-btn:not(.df-btn-no-transition){transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){.df-btn:not(.df-btn-no-transition){transition:none}}.df-btn:focus-visible{outline-color:var(--df-button-focus-ring-color)}.df-btn:focus:not(:focus-visible){outline:2px solid transparent}.df-btn:is(:disabled,[aria-disabled=true]){pointer-events:auto;opacity:1;outline-color:transparent;transition:none;cursor:not-allowed}.df-btn.df-btn-sm{gap:var(--df-spacing-2);padding-block:.21875rem;padding-inline:var(--df-spacing-3);font-size:var(--df-typo-sizing-small);border-radius:var(--df-button-borderRadius-main-small)}.df-btn.df-btn-lg{gap:var(--df-spacing-4);padding-block:.59375rem;padding-inline:var(--df-spacing-5);font-size:var(--df-typo-sizing-large);border-radius:var(--df-button-borderRadius-main-large)}.df-btn.df-btn-solid.df-btn-primary{color:var(--df-button-solid-basic-color-primary-default-foreground);background-color:var(--df-button-solid-basic-color-primary-default-background);border-color:var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-primary-hovered-foreground);background-color:var(--df-button-solid-basic-color-primary-hovered-background);border-color:var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-primary-hovered-foreground);background-color:var(--df-button-solid-basic-color-primary-hovered-background);border-color:var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-primary-default-foreground);background-color:var(--df-button-solid-basic-color-primary-default-background);border-color:var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-primary-pressed-foreground);background-color:var(--df-button-solid-basic-color-primary-pressed-background);border-color:var(--df-button-solid-basic-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-primary{color:var(--df-button-outline-basic-color-primary-default-foreground);background-color:var(--df-button-outline-basic-color-primary-default-background);border-color:var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-primary-hovered-foreground);background-color:var(--df-button-outline-basic-color-primary-hovered-background);border-color:var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-primary-hovered-foreground);background-color:var(--df-button-outline-basic-color-primary-hovered-background);border-color:var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-primary-default-foreground);background-color:var(--df-button-outline-basic-color-primary-default-background);border-color:var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-primary-pressed-foreground);background-color:var(--df-button-outline-basic-color-primary-pressed-background);border-color:var(--df-button-outline-basic-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-primary{color:var(--df-button-text-basic-color-primary-default-foreground);background-color:var(--df-button-text-basic-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-primary-hovered-foreground);background-color:var(--df-button-text-basic-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-primary-hovered-foreground);background-color:var(--df-button-text-basic-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-primary-default-foreground);background-color:var(--df-button-text-basic-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-default-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-hovered-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-primary-pressed-border)}.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-primary:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-primary-pressed-foreground);background-color:var(--df-button-text-basic-color-primary-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-danger{color:var(--df-button-solid-basic-color-danger-default-foreground);background-color:var(--df-button-solid-basic-color-danger-default-background);border-color:var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-danger-hovered-foreground);background-color:var(--df-button-solid-basic-color-danger-hovered-background);border-color:var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-danger-hovered-foreground);background-color:var(--df-button-solid-basic-color-danger-hovered-background);border-color:var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-danger-default-foreground);background-color:var(--df-button-solid-basic-color-danger-default-background);border-color:var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-danger-pressed-foreground);background-color:var(--df-button-solid-basic-color-danger-pressed-background);border-color:var(--df-button-solid-basic-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-danger{color:var(--df-button-outline-basic-color-danger-default-foreground);background-color:var(--df-button-outline-basic-color-danger-default-background);border-color:var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-danger-hovered-foreground);background-color:var(--df-button-outline-basic-color-danger-hovered-background);border-color:var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-danger-hovered-foreground);background-color:var(--df-button-outline-basic-color-danger-hovered-background);border-color:var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-danger-default-foreground);background-color:var(--df-button-outline-basic-color-danger-default-background);border-color:var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-danger-pressed-foreground);background-color:var(--df-button-outline-basic-color-danger-pressed-background);border-color:var(--df-button-outline-basic-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-danger{color:var(--df-button-text-basic-color-danger-default-foreground);background-color:var(--df-button-text-basic-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-danger-hovered-foreground);background-color:var(--df-button-text-basic-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-danger-hovered-foreground);background-color:var(--df-button-text-basic-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-danger-default-foreground);background-color:var(--df-button-text-basic-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-default-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-hovered-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-danger-pressed-border)}.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-danger:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-danger-pressed-foreground);background-color:var(--df-button-text-basic-color-danger-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-neutral{color:var(--df-button-solid-basic-color-neutral-default-foreground);background-color:var(--df-button-solid-basic-color-neutral-default-background);border-color:var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-basic-color-neutral-hovered-foreground);background-color:var(--df-button-solid-basic-color-neutral-hovered-background);border-color:var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-basic-color-neutral-hovered-foreground);background-color:var(--df-button-solid-basic-color-neutral-hovered-background);border-color:var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-basic-color-neutral-default-foreground);background-color:var(--df-button-solid-basic-color-neutral-default-background);border-color:var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-basic-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-basic-color-neutral-pressed-foreground);background-color:var(--df-button-solid-basic-color-neutral-pressed-background);border-color:var(--df-button-solid-basic-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-basic-color-disabled-foreground);background-color:var(--df-button-solid-basic-color-disabled-background);border-color:var(--df-button-solid-basic-color-disabled-background)}.df-btn.df-btn-outline.df-btn-neutral{color:var(--df-button-outline-basic-color-neutral-default-foreground);background-color:var(--df-button-outline-basic-color-neutral-default-background);border-color:var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-basic-color-neutral-hovered-foreground);background-color:var(--df-button-outline-basic-color-neutral-hovered-background);border-color:var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-basic-color-neutral-hovered-foreground);background-color:var(--df-button-outline-basic-color-neutral-hovered-background);border-color:var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-basic-color-neutral-default-foreground);background-color:var(--df-button-outline-basic-color-neutral-default-background);border-color:var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-basic-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-basic-color-neutral-pressed-foreground);background-color:var(--df-button-outline-basic-color-neutral-pressed-background);border-color:var(--df-button-outline-basic-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-basic-color-disabled-foreground);background-color:var(--df-button-outline-basic-color-disabled-background);border-color:var(--df-button-outline-basic-color-disabled-border)}.df-btn.df-btn-text.df-btn-neutral{color:var(--df-button-text-basic-color-neutral-default-foreground);background-color:var(--df-button-text-basic-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-basic-color-neutral-hovered-foreground);background-color:var(--df-button-text-basic-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-basic-color-neutral-hovered-foreground);background-color:var(--df-button-text-basic-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-basic-color-neutral-default-foreground);background-color:var(--df-button-text-basic-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-default-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-hovered-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-basic-color-neutral-pressed-border)}.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-neutral:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-basic-color-neutral-pressed-foreground);background-color:var(--df-button-text-basic-color-neutral-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-basic-color-disabled-foreground);background-color:var(--df-button-text-basic-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror{color:var(--df-button-solid-mirror-color-primary-default-foreground);background-color:var(--df-button-solid-mirror-color-primary-default-background);border-color:var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-primary-hovered-foreground);background-color:var(--df-button-solid-mirror-color-primary-hovered-background);border-color:var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-primary-hovered-foreground);background-color:var(--df-button-solid-mirror-color-primary-hovered-background);border-color:var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-primary-default-foreground);background-color:var(--df-button-solid-mirror-color-primary-default-background);border-color:var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-default-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-hovered-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-primary-pressed-foreground);background-color:var(--df-button-solid-mirror-color-primary-pressed-background);border-color:var(--df-button-solid-mirror-color-primary-pressed-border)}.df-btn.df-btn-solid.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror{color:var(--df-button-outline-mirror-color-primary-default-foreground);background-color:var(--df-button-outline-mirror-color-primary-default-background);border-color:var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-primary-hovered-foreground);background-color:var(--df-button-outline-mirror-color-primary-hovered-background);border-color:var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-primary-hovered-foreground);background-color:var(--df-button-outline-mirror-color-primary-hovered-background);border-color:var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-primary-default-foreground);background-color:var(--df-button-outline-mirror-color-primary-default-background);border-color:var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-default-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-hovered-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-primary-pressed-foreground);background-color:var(--df-button-outline-mirror-color-primary-pressed-background);border-color:var(--df-button-outline-mirror-color-primary-pressed-border)}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror{color:var(--df-button-text-mirror-color-primary-default-foreground);background-color:var(--df-button-text-mirror-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-primary-hovered-foreground);background-color:var(--df-button-text-mirror-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-primary-hovered-foreground);background-color:var(--df-button-text-mirror-color-primary-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-primary-default-foreground);background-color:var(--df-button-text-mirror-color-primary-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-default-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-hovered-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-primary-pressed-border)}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-primary-pressed-foreground);background-color:var(--df-button-text-mirror-color-primary-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror{color:var(--df-button-solid-mirror-color-danger-default-foreground);background-color:var(--df-button-solid-mirror-color-danger-default-background);border-color:var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-danger-hovered-foreground);background-color:var(--df-button-solid-mirror-color-danger-hovered-background);border-color:var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-danger-hovered-foreground);background-color:var(--df-button-solid-mirror-color-danger-hovered-background);border-color:var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-danger-default-foreground);background-color:var(--df-button-solid-mirror-color-danger-default-background);border-color:var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-default-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-hovered-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-danger-pressed-foreground);background-color:var(--df-button-solid-mirror-color-danger-pressed-background);border-color:var(--df-button-solid-mirror-color-danger-pressed-border)}.df-btn.df-btn-solid.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror{color:var(--df-button-outline-mirror-color-danger-default-foreground);background-color:var(--df-button-outline-mirror-color-danger-default-background);border-color:var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-danger-hovered-foreground);background-color:var(--df-button-outline-mirror-color-danger-hovered-background);border-color:var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-danger-hovered-foreground);background-color:var(--df-button-outline-mirror-color-danger-hovered-background);border-color:var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-danger-default-foreground);background-color:var(--df-button-outline-mirror-color-danger-default-background);border-color:var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-default-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-hovered-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-danger-pressed-foreground);background-color:var(--df-button-outline-mirror-color-danger-pressed-background);border-color:var(--df-button-outline-mirror-color-danger-pressed-border)}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror{color:var(--df-button-text-mirror-color-danger-default-foreground);background-color:var(--df-button-text-mirror-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-danger-hovered-foreground);background-color:var(--df-button-text-mirror-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-danger-hovered-foreground);background-color:var(--df-button-text-mirror-color-danger-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-danger-default-foreground);background-color:var(--df-button-text-mirror-color-danger-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-default-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-hovered-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-danger-pressed-border)}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-danger-pressed-foreground);background-color:var(--df-button-text-mirror-color-danger-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror{color:var(--df-button-solid-mirror-color-neutral-default-foreground);background-color:var(--df-button-solid-mirror-color-neutral-default-background);border-color:var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-solid-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-solid-mirror-color-neutral-hovered-background);border-color:var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-solid-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-solid-mirror-color-neutral-hovered-background);border-color:var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-solid-mirror-color-neutral-default-foreground);background-color:var(--df-button-solid-mirror-color-neutral-default-background);border-color:var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-default-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-hovered-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-solid-mirror-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-solid-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-solid-mirror-color-neutral-pressed-background);border-color:var(--df-button-solid-mirror-color-neutral-pressed-border)}.df-btn.df-btn-solid.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-solid-mirror-color-disabled-foreground);background-color:var(--df-button-solid-mirror-color-disabled-background);border-color:var(--df-button-solid-mirror-color-disabled-background)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror{color:var(--df-button-outline-mirror-color-neutral-default-foreground);background-color:var(--df-button-outline-mirror-color-neutral-default-background);border-color:var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-outline-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-outline-mirror-color-neutral-hovered-background);border-color:var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-outline-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-outline-mirror-color-neutral-hovered-background);border-color:var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-outline-mirror-color-neutral-default-foreground);background-color:var(--df-button-outline-mirror-color-neutral-default-background);border-color:var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-default-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-hovered-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-outline-mirror-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-outline-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-outline-mirror-color-neutral-pressed-background);border-color:var(--df-button-outline-mirror-color-neutral-pressed-border)}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-outline-mirror-color-disabled-foreground);background-color:var(--df-button-outline-mirror-color-disabled-background);border-color:var(--df-button-outline-mirror-color-disabled-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror{color:var(--df-button-text-mirror-color-neutral-default-foreground);background-color:var(--df-button-text-mirror-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):hover{color:var(--df-button-text-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-text-mirror-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{color:var(--df-button-text-mirror-color-neutral-hovered-foreground);background-color:var(--df-button-text-mirror-color-neutral-hovered-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:where(:not(:hover,:active)){color:var(--df-button-text-mirror-color-neutral-default-foreground);background-color:var(--df-button-text-mirror-color-neutral-default-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible{--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-default-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:hover:not(:active){--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-hovered-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):focus-visible:active{--df-button-focus-ring-color: var(--df-button-text-mirror-color-neutral-pressed-border)}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):first-child:active,.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:not(:disabled,[aria-disabled=true]):active{color:var(--df-button-text-mirror-color-neutral-pressed-foreground);background-color:var(--df-button-text-mirror-color-neutral-pressed-background);border-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror:is(:disabled,[aria-disabled=true]){color:var(--df-button-text-mirror-color-disabled-foreground);background-color:var(--df-button-text-mirror-color-disabled-background);border-color:transparent}.df-btn.df-btn-outline.df-btn-primary.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-primary.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-danger.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-danger.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-neutral.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-neutral.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-primary.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-primary.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-danger.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-danger.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-outline.df-btn-neutral.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active),.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror.df-btn-transparent:not(:disabled):not([aria-disabled=true]):not(:hover,:active){background-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-primary.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-danger.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn.df-btn-text.df-btn-neutral.df-btn-mirror.df-btn-transparent:is(:disabled,[aria-disabled=true]){background-color:transparent}.df-btn-icononly{width:2.25rem;height:2.25rem;padding:0;font-size:var(--df-icons-sizing-default)}.df-btn-icononly.df-btn-sm{width:1.875rem;height:1.875rem;font-size:var(--df-icons-sizing-small)}.df-btn-icononly.df-btn-lg{width:3rem;height:3rem;font-size:var(--df-icons-sizing-large)}a.df-btn-icononly{font-size:var(--df-icons-sizing-2xlarge)}a.df-btn-icononly.df-btn-sm{font-size:var(--df-icons-sizing-large)}a.df-btn-icononly.df-btn-lg{font-size:var(--df-icons-sizing-3xlarge)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DfButton, DfIconButton, ɵDfButtonGroupInjectionToken, ɵDfButtonHost, ɵDfButtonVisual };
+//# sourceMappingURL=design-factory-angular-button.mjs.map