.liquid-glass-button[data-liquid-glass]{--liquid-glass-tint:#ffffff47;--liquid-glass-ink:#17191b;isolation:isolate;background:var(--liquid-glass-tint);color:var(--liquid-glass-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-color:#0000;border-radius:999px;transition:background-color .25s,color .25s,box-shadow .25s,scale .25s;position:relative;box-shadow:0 0 6px #00000008,0 2px 6px #00000014,0 0 12px #ffffff26}.liquid-glass-button[data-liquid-glass]:before,.liquid-glass-button[data-liquid-glass]:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.liquid-glass-button[data-liquid-glass]:before{z-index:-1;-webkit-backdrop-filter:blur(8px)saturate(1.25);backdrop-filter:blur(8px)saturate(1.25);background:linear-gradient(145deg,#ffffff59,#ffffff0d 48%,#fff3)}.liquid-glass-button[data-liquid-glass]:after{z-index:1;box-shadow:inset 3px 3px .5px -3px #000000e6,inset -3px -3px .5px -3px #000000d9,inset 1px 1px 1px -.5px #0009,inset -1px -1px 1px -.5px #0009,inset 0 0 6px 6px #0000001f,inset 0 0 2px 2px #0000000f}@supports ((-webkit-backdrop-filter:url("#glass")) or (backdrop-filter:url("#glass"))){.liquid-glass-button[data-liquid-glass]:before{-webkit-backdrop-filter:var(--liquid-glass-filter) saturate(1.25);backdrop-filter:var(--liquid-glass-filter) saturate(1.25)}}.liquid-glass-button[data-liquid-glass]:not(.liquid-glass-button--inherit){text-align:center;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:fit-content;font-size:14px;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex}.liquid-glass-button[data-liquid-glass].liquid-glass-button--default-size{min-height:44px;padding:10px 20px}.liquid-glass-button[data-liquid-glass].liquid-glass-button--sm{min-height:40px;padding:8px 16px;font-size:12px}.liquid-glass-button[data-liquid-glass].liquid-glass-button--lg{min-height:44px;padding:10px 24px}.liquid-glass-button[data-liquid-glass].liquid-glass-button--xl{min-height:48px;padding:12px 32px}.liquid-glass-button[data-liquid-glass].liquid-glass-button--xxl{min-height:56px;padding:14px 40px}.liquid-glass-button[data-liquid-glass].liquid-glass-button--icon{width:44px;height:44px;padding:0}.liquid-glass-button[data-liquid-glass].liquid-glass-button--secondary{--liquid-glass-tint:#c6f36b4d}.liquid-glass-button[data-liquid-glass].liquid-glass-button--destructive{--liquid-glass-tint:#fee2e2b3;--liquid-glass-ink:#991b1b}.liquid-glass-button[data-liquid-glass].liquid-glass-button--outline{--liquid-glass-tint:#ffffff29}.liquid-glass-button[data-liquid-glass].liquid-glass-button--ghost{--liquid-glass-tint:#ffffff14}.liquid-glass-button[data-liquid-glass].liquid-glass-button--link{text-underline-offset:4px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.liquid-glass-button[data-liquid-glass]:hover:not(:disabled):not([aria-disabled=true]){background:var(--liquid-glass-tint);color:var(--liquid-glass-ink);border-color:#0000;scale:1.035;box-shadow:0 4px 14px #0000001a,0 0 16px #ffffff38}}.liquid-glass-button[data-liquid-glass]:active:not(:disabled):not([aria-disabled=true]){scale:.985}.liquid-glass-button[data-liquid-glass]:focus-visible{outline-offset:5px;outline:3px solid #7150b8}.liquid-glass-button[data-liquid-glass][aria-pressed=true]{--liquid-glass-tint:#c6f36b73}.liquid-glass-button[data-liquid-glass]:disabled,.liquid-glass-button[data-liquid-glass][aria-disabled=true]{cursor:not-allowed;opacity:.5;scale:1}.liquid-glass-button[data-liquid-glass][aria-invalid=true]{outline-offset:2px;outline:2px solid #b91c1c}.liquid-glass-filter{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.dark .liquid-glass-button[data-liquid-glass]{--liquid-glass-ink:#f5f5f3;--liquid-glass-tint:#ffffff14}.dark .liquid-glass-button[data-liquid-glass]:after{box-shadow:inset 3px 3px .5px -3.5px #ffffff17,inset -3px -3px .5px -3.5px #ffffffd9,inset 1px 1px 1px -.5px #fff9,inset -1px -1px 1px -.5px #fff9,inset 0 0 6px 6px #ffffff1f,inset 0 0 2px 2px #ffffff0f}.metal-button[data-metal-variant]{--metal-top:#b9b9b9;--metal-bottom:#969696;background:linear-gradient(var(--metal-top), var(--metal-bottom));color:#fff;text-shadow:0 -1px #00000073;border:1px solid #00000073;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 24px;font-size:14px;font-weight:600;transition:transform .25s,filter .25s;display:inline-flex;position:relative;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #00000059,0 3px 8px #00000014}.metal-button[data-metal-variant=primary]{--metal-top:#536c91;--metal-bottom:#2e405b}.metal-button[data-metal-variant=success]{--metal-top:#9adbc8;--metal-bottom:#3e8f7c}.metal-button[data-metal-variant=error]{--metal-top:#f08d8f;--metal-bottom:#a45253}.metal-button[data-metal-variant=gold]{--metal-top:#ffeba1;--metal-bottom:#9b873f}.metal-button[data-metal-variant=bronze]{--metal-top:#ffe3c9;--metal-bottom:#a36f3d}.metal-button[data-metal-variant]:active:not(:disabled){transform:translateY(2px)scale(.99)}.metal-button[data-metal-variant]:focus-visible{outline-offset:4px;outline:3px solid #7150b8}.metal-button[data-metal-variant]:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.metal-button[data-metal-variant]:hover:not(:disabled){filter:brightness(1.05)}}@media (prefers-reduced-motion:reduce){.liquid-glass-button[data-liquid-glass],.metal-button[data-metal-variant]{transition:none}.liquid-glass-button[data-liquid-glass]:hover:not(:disabled):not([aria-disabled=true]),.liquid-glass-button[data-liquid-glass]:active:not(:disabled):not([aria-disabled=true]){scale:1}.metal-button[data-metal-variant]:active:not(:disabled){transform:none}}