.host.svelte-11extwn{display:inline-flex;position:relative}.tip.svelte-11extwn{z-index:30;border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);white-space:nowrap;pointer-events:none;padding:6px 8px;font-size:12px;line-height:1.3;display:none;position:absolute;left:50%;translate:-50%}.end.svelte-11extwn{left:auto;right:0;translate:none}.below.svelte-11extwn{top:calc(100% + 6px)}.above.svelte-11extwn{bottom:calc(100% + 6px)}.host.svelte-11extwn:focus-within:has(:focus-visible) .tip:where(.svelte-11extwn){animation:.1s ease-out .15s both svelte-11extwn-tip-in;display:block}@media (hover:hover){.host.svelte-11extwn:hover .tip:where(.svelte-11extwn){animation:.1s ease-out .15s both svelte-11extwn-tip-in;display:block}.host.pressed.svelte-11extwn:hover .tip:where(.svelte-11extwn){display:none}}@media (prefers-reduced-motion:reduce){.tip.svelte-11extwn{animation-duration:0s!important}}@keyframes svelte-11extwn-tip-in{0%{opacity:0}}.btn.svelte-18sv61c{justify-content:center;align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-3);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-md);white-space:nowrap;background:0 0;border:1px solid #0000;font-weight:500;line-height:1;display:inline-flex}.primary.svelte-18sv61c{background:var(--accent);color:var(--on-accent)}.outline.svelte-18sv61c{border-color:color-mix(in srgb, var(--ink) 50%, transparent);background:var(--surface)}.icon-only.svelte-18sv61c{width:36px;color:var(--ink-2);padding:0}.btn.field.svelte-18sv61c{min-height:var(--control-h)}.icon-only.field.svelte-18sv61c{width:var(--control-h)}@media (hover:hover){.quiet.svelte-18sv61c:hover:not(:disabled),.outline.svelte-18sv61c:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.primary.svelte-18sv61c:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, var(--ink))}}.quiet.svelte-18sv61c:active:not(:disabled),.outline.svelte-18sv61c:active:not(:disabled){background:var(--surface-2)}.btn.svelte-18sv61c:disabled{opacity:.45;cursor:not-allowed}.btn.loading.svelte-18sv61c{cursor:progress;opacity:1}.spinner.svelte-18sv61c{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px}@media (prefers-reduced-motion:no-preference){.spinner.svelte-18sv61c{animation:.8s linear infinite svelte-18sv61c-spin}}@keyframes svelte-18sv61c-spin{to{rotate:360deg}}@media (width<=599.98px){.btn.svelte-18sv61c{min-height:44px}.icon-only.svelte-18sv61c{width:44px}}