.icon-button.svelte-19raxph{box-sizing:border-box;width:var(--icon-button-size,40px);height:var(--icon-button-size,40px);color:var(--icon-button-color,var(--color-primary));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-button.svelte-19raxph:hover:not(:disabled):not([aria-disabled=true]){--icon-ring:color-mix(in srgb, currentColor 50%, transparent);--icon-ring-inner:calc(var(--icon-hover-size,20px) / 2 + 2px);background:radial-gradient(circle, transparent var(--icon-ring-inner), var(--icon-ring) calc(var(--icon-ring-inner) + .5px), var(--icon-ring) calc(var(--icon-ring-inner) + 1.5px), transparent calc(var(--icon-ring-inner) + 2px));box-shadow:none}[data-tone=danger].svelte-19raxph{--icon-button-color:var(--color-red)}[data-tone=neutral].svelte-19raxph{--icon-button-color:var(--color-text)}[data-tone=muted].svelte-19raxph{--icon-button-color:var(--color-grey)}.icon-button.svelte-19raxph:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.icon-button.svelte-19raxph:disabled{opacity:.35;cursor:default}