.btn.svelte-18sv61c{--bg:var(--color-button-bg-primary);--bg-hover:var(--color-button-bg-primary-hover);--bg-disabled:var(--color-button-bg-primary-disabled);--fg:var(--color-button-fg-primary);--fg-disabled:var(--color-button-fg-primary-disabled);--caret:var(--color-button-caret-primary);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font-family:var(--font-secondary);font-size:var(--text-text-m);letter-spacing:normal;cursor:pointer;box-sizing:border-box;white-space:nowrap;border:0;justify-content:center;align-items:center;padding:4px;font-weight:400;line-height:1.5;text-decoration:none;transition:background .18s,box-shadow .18s;display:inline-flex;position:relative}.btn-bg-onInverse.svelte-18sv61c{--bg:var(--color-button-bg-on-inverse);--bg-hover:var(--color-button-bg-on-inverse-hover);--bg-disabled:var(--color-button-bg-on-inverse-disabled);--fg:var(--color-button-fg-on-inverse);--fg-disabled:var(--color-button-fg-on-inverse-disabled);--caret:var(--color-button-caret-on-inverse)}.btn-secondary.svelte-18sv61c{--bg:var(--color-button-bg-secondary);--bg-hover:var(--color-button-bg-secondary-hover);--bg-disabled:transparent;--fg:var(--color-button-fg-secondary);--fg-disabled:var(--color-button-fg-secondary-disabled);width:36px;height:36px;padding:6px}.btn-tonal.svelte-18sv61c{--bg:var(--color-button-bg-tonal);--bg-hover:var(--color-button-bg-tonal);--bg-disabled:var(--color-button-bg-primary-disabled);--fg:var(--color-button-fg-tonal);--fg-disabled:var(--color-button-fg-primary-disabled);--caret:var(--color-button-caret-tonal)}.btn-secondary.btn-bg-onInverse.svelte-18sv61c{--bg-hover:var(--color-button-bg-secondary-on-inverse-hover);--fg:var(--color-button-fg-secondary-on-inverse);--fg-disabled:var(--color-button-fg-secondary-on-inverse-disabled)}.btn-label.svelte-18sv61c{align-items:center;height:28px;padding:0 20px;display:inline-flex}.btn-caret-slot.svelte-18sv61c{width:0;height:28px;transition:width .26s var(--ease-standard);align-items:center;display:inline-flex;overflow:hidden}.btn-caret.svelte-18sv61c{border-radius:var(--radius-xs);background:var(--caret);width:28px;height:28px;color:var(--bg);transform-origin:100% 0;transition:transform .26s var(--ease-standard);will-change:transform;justify-content:center;align-items:center;display:inline-flex;transform:scale(0)rotate(45deg)}@media (hover:hover){.btn.svelte-18sv61c:hover{background:var(--bg-hover)}.btn.svelte-18sv61c:hover .btn-caret-slot:where(.svelte-18sv61c),.btn.svelte-18sv61c:active .btn-caret-slot:where(.svelte-18sv61c){width:28px}.btn.svelte-18sv61c:hover .btn-caret:where(.svelte-18sv61c),.btn.svelte-18sv61c:active .btn-caret:where(.svelte-18sv61c){transform-origin:0 100%;transform:scale(1)rotate(0)}}.btn.svelte-18sv61c:active{box-shadow:0 0 0 4px var(--color-button-ring-pressed);transition:none}.btn.svelte-18sv61c:disabled,.btn[aria-disabled=true].svelte-18sv61c{background:var(--bg-disabled);color:var(--fg-disabled);cursor:not-allowed;pointer-events:none}.btn.svelte-18sv61c:disabled .btn-caret-slot:where(.svelte-18sv61c){display:none}@media (prefers-reduced-motion:reduce){.btn.svelte-18sv61c,.btn-caret.svelte-18sv61c,.btn-caret-slot.svelte-18sv61c{transition:none}}