.icon-button.svelte-xkx9ac{inline-size:max(var(--touch-target,44px), var(--icon-button-size,2.75rem));block-size:max(var(--touch-target,44px), var(--icon-button-size,2.75rem));border-radius:var(--radius-pill,999px);color:var(--icon-button-color,var(--md-sys-color-on-surface-variant));font-size:var(--icon-button-icon-size,1.5rem);cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;line-height:1;display:inline-grid;position:relative}.pressed.svelte-xkx9ac{color:var(--icon-button-pressed-color,var(--md-sys-color-primary))}.icon-button.svelte-xkx9ac:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--duration-short,.15s) var(--easing-standard,ease);background:currentColor;position:absolute;inset:-1px}.icon-button.svelte-xkx9ac:hover:before{opacity:var(--state-hover,.08)}.icon-button.svelte-xkx9ac:focus-visible:before{opacity:var(--state-focus,.1)}.icon-button.svelte-xkx9ac:active:before{opacity:var(--state-pressed,.1)}.icon-button.svelte-xkx9ac:disabled{color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);cursor:default}.icon-button.svelte-xkx9ac:disabled:before{opacity:0}@media (forced-colors:active){.icon-button.svelte-xkx9ac:before{display:none}.pressed.svelte-xkx9ac{border-color:highlight}.icon-button.svelte-xkx9ac:disabled{color:graytext}}