button.svelte-172vul6{--button-height: var(--button-size-sm);--button-background-color: var(--button-primary-bg);--button-background-color-hover: var(--button-primary-bg-hover);--button-background-color-active: var(--button-primary-bg-active);--button-print: var(--button-primary-print);--button-print-hover: var(--button-primary-print-hover);--button-print-active: var(--button-primary-print-active);--border-radius: var(--button-radius-rounded);--icon-size: var(--button-icon-size-md);display:inline-flex;height:var(--button-height);padding:0 var(--pd-md, 12px);justify-content:center;align-items:center;gap:var(--pd-sm, 6px);color:var(--button-print);--icon-fill: var(--button-print);background-color:var(--button-background-color);border-radius:var(--border-radius-override, var(--border-radius));transition:background-color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1)),color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1));--icon-width: var(--icon-size);--icon-height: var(--icon-size)}button.svelte-172vul6>.label:where(.svelte-172vul6){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.svelte-172vul6.toggled{--icon-fill: var(--button-print-active);color:var(--button-print-active);background-color:var(--button-background-color-active)}button.svelte-172vul6:hover{--icon-fill: var(--button-print-hover);color:var(--button-print-hover);background-color:var(--button-background-color-hover)}button.svelte-172vul6:active{--icon-fill: var(--button-print-active);color:var(--button-print-active);background-color:var(--button-background-color-active)}button.svelte-172vul6:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}button.svelte-172vul6.size-2xs{--button-height: var(--button-size-2xs);--icon-size: var(--button-icon-size-2xs)}button.svelte-172vul6.size-xs{--button-height: var(--button-size-xs);--icon-size: var(--button-icon-size-xs)}button.svelte-172vul6.size-sm{--button-height: var(--button-size-sm);--icon-size: var(--button-icon-size-sm)}button.svelte-172vul6.size-md{--button-height: var( --common-button-md-height-override, var(--button-size-md) );--icon-size: var( --common-button-md-icon-override, var(--button-icon-size-md) );font-size:var(--common-button-md-font-override, var(--text-sm, 13px))}button.svelte-172vul6.size-lg{--button-height: var(--button-size-lg);--icon-size: var(--button-icon-size-lg)}button.svelte-172vul6.size-xl{--button-height: var(--button-size-xl);--icon-size: var(--button-icon-size-xl);padding:0 var(--pd-lg, 18px);gap:var(--pd-md, 12px)}button.svelte-172vul6.primary{--button-background-color: var(--button-primary-bg);--button-background-color-hover: var(--button-primary-bg-hover);--button-background-color-active: var(--button-primary-bg-active);--button-print: var(--button-primary-print);--button-print-hover: var(--button-primary-print-hover);--button-print-active: var(--button-primary-print-active)}button.svelte-172vul6.secondary{--button-background-color: var(--button-secondary-bg);--button-background-color-hover: var(--button-secondary-bg-hover);--button-background-color-active: var(--button-secondary-bg-active);--button-print: var(--button-secondary-print);--button-print-hover: var(--button-secondary-print-hover);--button-print-active: var(--button-secondary-print-active)}button.svelte-172vul6.warning{--button-background-color: var(--button-warning-bg);--button-background-color-hover: var(--button-warning-bg-hover);--button-background-color-active: var(--button-warning-bg-active);--button-print: var(--button-warning-print);--button-print-hover: var(--button-warning-print-hover);--button-print-active: var(--button-warning-print-active)}button.svelte-172vul6.light{--button-background-color: var(--button-light-bg);--button-background-color-hover: var(--button-light-bg-hover);--button-background-color-active: var(--button-light-bg-active);--button-print: var(--button-light-print);--button-print-hover: var(--button-light-print-hover);--button-print-active: var(--button-light-print-active);--border-radius: var(--border-radius-2xs, 4px)}button.svelte-172vul6.accented{--button-background-color: var(--button-accented-bg);--button-background-color-hover: var(--button-accented-bg-hover);--button-background-color-active: var(--button-accented-bg-active);--button-print: var(--button-accented-print);--button-print-hover: var(--button-accented-print-hover);--button-print-active: var(--button-accented-print-active);--border-radius: var(--border-radius-2xs, 4px)}button.svelte-172vul6.ghost{--button-background-color: var(--button-ghost-bg);--button-background-color-hover: var(--button-ghost-bg-hover);--button-background-color-active: var(--button-ghost-bg-active);--button-print: var(--button-ghost-print);--button-print-hover: var(--button-ghost-print-hover);--button-print-active: var(--button-ghost-print-active);--border-radius: var(--border-radius-2xs, 4px)}button.svelte-172vul6.inverse{--button-background-color: var(--button-inverse-bg);--button-background-color-hover: var(--button-inverse-bg-hover);--button-background-color-active: var(--button-inverse-bg-active);--button-print: var(--button-inverse-print);--button-print-hover: var(--button-inverse-print-hover);--button-print-active: var(--button-inverse-print-active);--border-radius: var(--border-radius-2xs, 4px)}button.svelte-172vul6.mute{--button-background-color: var(--button-mute-bg);--button-background-color-hover: var(--button-mute-bg-hover);--button-background-color-active: var(--button-mute-bg-active);--button-print: var(--button-mute-print);--button-print-hover: var(--button-mute-print-hover);--button-print-active: var(--button-mute-print-active);--border-radius: var(--border-radius-2xs, 4px)}button.svelte-172vul6.arm{--button-background-color: var(--button-arm-bg);--button-background-color-hover: var(--button-arm-bg-hover);--button-background-color-active: var(--button-arm-bg-active);--button-print: var(--button-arm-print);--button-print-hover: var(--button-arm-print-hover);--button-print-active: var(--button-arm-print-active);--border-radius: var(--border-radius-2xs, 4px)}button.svelte-172vul6.more{--button-background-color: var(--button-more-bg);--button-background-color-hover: var(--button-more-bg-hover);--button-background-color-active: var(--button-more-bg-active);--button-print: var(--button-more-print);--button-print-hover: var(--button-more-print-hover);--button-print-active: var(--button-more-print-active);--border-radius: var(--border-radius-2xs, 4px)}button.svelte-172vul6.solo{--button-background-color: var(--button-solo-bg);--button-background-color-hover: var(--button-solo-bg-hover);--button-background-color-active: var(--button-solo-bg-active);--button-print: var(--button-solo-print);--button-print-hover: var(--button-solo-print-hover);--button-print-active: var(--button-solo-print-active);--border-radius: var(--border-radius-2xs, 4px)}