.icon-button.svelte-19jp8xl{border-radius:var(--radius-md);cursor:pointer;width:var(--icon-button-size);height:var(--icon-button-size);justify-content:center;align-items:center;text-decoration:none;transition-property:background-color,color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out;display:inline-flex;position:relative}.icon-button[data-color=primary].svelte-19jp8xl{--icon-button-fill-rest:var(--color-set-primary-background);--icon-button-fill-hover:var(--color-set-primary-background-hover);--icon-button-fill-active:var(--color-set-primary-background-active);--icon-button-tint:var(--color-set-primary-soft);--icon-button-label-on-fill:var(--color-set-primary-on-background);--icon-button-label:var(--color-set-primary-background)}.icon-button[data-color=alert].svelte-19jp8xl{--icon-button-fill-rest:var(--color-set-alert-background);--icon-button-fill-hover:var(--color-set-alert-background-hover);--icon-button-fill-active:var(--color-set-alert-background-active);--icon-button-tint:var(--color-set-alert-soft);--icon-button-label-on-fill:var(--color-set-alert-on-background);--icon-button-label:var(--color-set-alert-background)}.icon-button[data-color=info].svelte-19jp8xl{--icon-button-fill-rest:var(--color-set-info-background);--icon-button-fill-hover:var(--color-set-info-background-hover);--icon-button-fill-active:var(--color-set-info-background-active);--icon-button-tint:var(--color-set-info-soft);--icon-button-label-on-fill:var(--color-set-info-on-background);--icon-button-label:var(--color-set-info-background)}.icon-button[data-color=warning].svelte-19jp8xl{--icon-button-fill-rest:var(--color-set-warning-background);--icon-button-fill-hover:var(--color-set-warning-background-hover);--icon-button-fill-active:var(--color-set-warning-background-active);--icon-button-tint:var(--color-set-warning-soft);--icon-button-label-on-fill:var(--color-set-warning-on-background);--icon-button-label:var(--color-set-warning-background)}.icon-button[data-color=monochrome].svelte-19jp8xl{--icon-button-fill-rest:var(--color-set-monochrome-background);--icon-button-fill-hover:var(--color-set-monochrome-background-hover);--icon-button-fill-active:var(--color-set-monochrome-background-active);--icon-button-tint:var(--color-set-monochrome-soft);--icon-button-label-on-fill:var(--color-set-monochrome-on-background);--icon-button-label:var(--color-set-monochrome-background)}.icon-button[data-size=xs].svelte-19jp8xl{--icon-button-size:24px}.icon-button[data-size=sm].svelte-19jp8xl{--icon-button-size:32px}.icon-button[data-size=md].svelte-19jp8xl{--icon-button-size:44px}.icon-button[data-size=lg].svelte-19jp8xl{--icon-button-size:52px}.icon-button[data-shape=rounded].svelte-19jp8xl{border-radius:var(--radius-full)}.icon-button[data-variant=filled].svelte-19jp8xl{background-color:var(--icon-button-fill-rest);color:var(--icon-button-label-on-fill);border:1px solid #0000}.icon-button[data-variant=filled].svelte-19jp8xl:hover:not(:disabled,[data-disabled]){background-color:var(--icon-button-fill-hover)}.icon-button[data-variant=filled].svelte-19jp8xl:active:not(:disabled,[data-disabled]){background-color:var(--icon-button-fill-active)}.icon-button[data-variant=outline].svelte-19jp8xl{background-color:var(--color-white);color:var(--icon-button-label);border:1px solid var(--color-border-base)}.icon-button[data-variant=outline].svelte-19jp8xl:hover:not(:disabled,[data-disabled]){background-color:var(--icon-button-tint);border-color:var(--icon-button-fill-hover)}.icon-button[data-variant=outline].svelte-19jp8xl:active:not(:disabled,[data-disabled]){background-color:var(--icon-button-tint);border-color:var(--icon-button-fill-active)}.icon-button[data-variant=text].svelte-19jp8xl{color:var(--icon-button-label);background-color:#0000;border:1px solid #0000}.icon-button[data-variant=text].svelte-19jp8xl:hover:not(:disabled,[data-disabled]),.icon-button[data-variant=text].svelte-19jp8xl:active:not(:disabled,[data-disabled]){background-color:var(--icon-button-tint)}.icon-button.svelte-19jp8xl:disabled,.icon-button[data-disabled].svelte-19jp8xl{cursor:not-allowed;background:var(--color-background-disabled-soft);color:var(--color-foreground-on-disabled-soft);border-color:#0000}.icon-button[data-variant=outline].svelte-19jp8xl:disabled,.icon-button[data-variant=outline][data-disabled].svelte-19jp8xl{border-color:var(--color-foreground-on-disabled-soft)}.icon-button[data-variant=text].svelte-19jp8xl:disabled,.icon-button[data-variant=text][data-disabled].svelte-19jp8xl{background:0 0}