.base-interactive-icon[data-v-5cc8cc01]{--interactive-icon-bg:transparent;--interactive-icon-color:var(--color-dynamic-basic-foreground);--interactive-icon-border:transparent;--interactive-icon-bg-hover:transparent;--interactive-icon-color-hover:var(--color-dynamic-basic-foreground);--interactive-icon-bg-pressed:transparent;--interactive-icon-color-pressed:var(--color-dynamic-basic-foreground);--interactive-icon-bg-toggled:transparent;--interactive-icon-color-toggled:var(--color-dynamic-basic-foreground);--interactive-icon-color-disabled:var(--color-dynamic-basic-disabled);--interactive-icon-padding:var(--space-sm);--interactive-icon-radius:var(--border-radius-compact);--interactive-icon-icon-size:var(--icon-size-md);box-sizing:border-box;padding:var(--interactive-icon-padding);color:var(--interactive-icon-color);cursor:pointer;outline-offset:0;background-color:var(--interactive-icon-bg);border:1px solid var(--interactive-icon-border);border-radius:var(--interactive-icon-radius);outline:0 solid #0000;justify-content:center;align-items:center;display:inline-flex}.base-interactive-icon__icon[data-v-5cc8cc01]{width:var(--interactive-icon-icon-size);height:var(--interactive-icon-icon-size);font-size:var(--interactive-icon-icon-size);color:inherit;flex-shrink:0}.base-interactive-icon--sm[data-v-5cc8cc01]{--interactive-icon-padding:var(--space-xs);--interactive-icon-icon-size:var(--icon-size-sm)}.base-interactive-icon--md[data-v-5cc8cc01]{--interactive-icon-padding:var(--space-sm);--interactive-icon-icon-size:var(--icon-size-md)}.base-interactive-icon--default[data-v-5cc8cc01]{--interactive-icon-bg:transparent;--interactive-icon-color:var(--color-dynamic-basic-foreground);--interactive-icon-bg-hover:var(--color-dynamic-basic-background-aux);--interactive-icon-color-hover:var(--color-dynamic-basic-foreground);--interactive-icon-bg-pressed:var(--color-dynamic-basic-background-accent);--interactive-icon-color-pressed:var(--color-dynamic-basic-foreground);--interactive-icon-bg-toggled:var(--color-static-basic-accent);--interactive-icon-color-toggled:var(--color-static-basic-foreground-light)}.base-interactive-icon--accent[data-v-5cc8cc01]{--interactive-icon-bg:transparent;--interactive-icon-color:var(--color-static-basic-accent);--interactive-icon-bg-hover:var(--color-dynamic-basic-background-accent);--interactive-icon-color-hover:var(--color-static-basic-accent);--interactive-icon-bg-pressed:var(--color-dynamic-basic-background-accent-darker);--interactive-icon-color-pressed:var(--color-static-basic-accent);--interactive-icon-bg-toggled:var(--color-static-basic-accent);--interactive-icon-color-toggled:var(--color-static-basic-foreground-light)}.base-interactive-icon--negative[data-v-5cc8cc01]{--interactive-icon-bg:transparent;--interactive-icon-color:var(--color-static-basic-negative);--interactive-icon-bg-hover:var(--color-dynamic-basic-background-negative);--interactive-icon-color-hover:var(--color-static-basic-negative);--interactive-icon-bg-pressed:var(--color-dynamic-basic-background-negative-darker);--interactive-icon-color-pressed:var(--color-static-basic-negative);--interactive-icon-bg-toggled:var(--color-static-basic-negative);--interactive-icon-color-toggled:var(--color-static-basic-foreground-light)}.base-interactive-icon--negative-secondary[data-v-5cc8cc01]{--interactive-icon-bg:transparent;--interactive-icon-color:var(--color-dynamic-basic-secondary);--interactive-icon-bg-hover:transparent;--interactive-icon-color-hover:var(--color-static-basic-negative);--interactive-icon-bg-pressed:var(--color-dynamic-basic-background-negative);--interactive-icon-color-pressed:var(--color-static-basic-negative);--interactive-icon-bg-toggled:var(--color-static-basic-negative);--interactive-icon-color-toggled:var(--color-static-basic-foreground-light)}.base-interactive-icon--positive[data-v-5cc8cc01]{--interactive-icon-bg:transparent;--interactive-icon-color:var(--color-static-basic-positive);--interactive-icon-bg-hover:var(--color-dynamic-basic-background-positive);--interactive-icon-color-hover:var(--color-static-basic-positive);--interactive-icon-bg-pressed:var(--color-dynamic-basic-background-positive-darker);--interactive-icon-color-pressed:var(--color-static-basic-positive);--interactive-icon-bg-toggled:var(--color-static-basic-positive);--interactive-icon-color-toggled:var(--color-static-basic-foreground-light)}.base-interactive-icon[data-v-5cc8cc01]:hover:not(:disabled,.base-interactive-icon--active){--interactive-icon-bg:var(--interactive-icon-bg-hover);--interactive-icon-color:var(--interactive-icon-color-hover)}.base-interactive-icon.base-interactive-icon--active[data-v-5cc8cc01]:hover:not(:disabled){--interactive-icon-bg:var(--interactive-icon-bg-toggled);--interactive-icon-color:var(--interactive-icon-color-toggled)}.base-interactive-icon[data-v-5cc8cc01]:active:not(:disabled,.base-interactive-icon--active){--interactive-icon-bg:var(--interactive-icon-bg-pressed);--interactive-icon-color:var(--interactive-icon-color-pressed)}.base-interactive-icon.base-interactive-icon--active[data-v-5cc8cc01]:not(:disabled){--interactive-icon-bg:var(--interactive-icon-bg-toggled);--interactive-icon-color:var(--interactive-icon-color-toggled)}.base-interactive-icon[data-v-5cc8cc01]:focus-visible:not(:disabled){outline:var(--outline-width-sm) solid var(--color-static-basic-accent);border-color:var(--color-static-basic-accent)}.base-interactive-icon[data-v-5cc8cc01]:disabled{--interactive-icon-bg:transparent;--interactive-icon-color:var(--interactive-icon-color-disabled);cursor:not-allowed;outline:0 solid #0000}