.button.svelte-1np64x7{--bg:var(--color-white-10);--bg-hover:var(--color-white-15);height:32px;color:var(--color-white);background:var(--bg);transition:background-color var(--transition-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100vh;align-items:center;padding-inline:16px;display:flex}.button.svelte-1np64x7:hover{background:var(--bg-hover)}.button.is-small.svelte-1np64x7{padding-inline:12px}.button.is-light.svelte-1np64x7{--bg:var(--color-white-30);--bg-hover:var(--color-white-50)}.button.is-outline.svelte-1np64x7{--bg:transparent;--bg-hover:var(--color-white-10);box-shadow:inset 0 0 0 1px var(--color-white-30)}.button.is-active.svelte-1np64x7{box-shadow:inset 0 0 0 1px var(--color-white-50)}.button.is-accent.svelte-1np64x7{--bg:var(--color-accent);--bg-hover:color-mix(in oklab, var(--color-accent), var(--color-white) 20%);color:var(--color-darkgray)}.button.is-transparent.svelte-1np64x7{--bg:transparent;--bg-hover:transparent;color:var(--color-white-65);-webkit-backdrop-filter:none;backdrop-filter:none;transition:color var(--transition-hover);padding-inline:12px;position:relative}.button.is-transparent.svelte-1np64x7:after{content:"";position:absolute;inset:-6px 0}.button.is-transparent.svelte-1np64x7:hover{color:var(--color-white)}.button.svelte-1np64x7:disabled{opacity:.6}.button.svelte-1np64x7:active{translate:0 1px}