.ui-button{--button-bg:var(--sc-color-surface,#f2f2f2);--button-fg:var(--sc-color-on-surface,#000);--button-border:transparent;--button-radius:var(--sc-radius-sm,.375rem);--button-shadow:none;--button-font-family:var(--sc-font-family-sans,inherit);--button-font-size:1rem;--button-font-weight:500;--button-line-height:1.2;--button-padding-x:var(--sc-space-md,1.25rem);--button-padding-y:var(--sc-space-sm,.5rem);--button-gap:var(--sc-space-sm,.5rem);--button-focus-outline:2px solid var(--sc-color-focus,currentColor);--button-ripple-color:currentColor;padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);border-radius:var(--button-radius);border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-fg);box-shadow:var(--button-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden}.ui-button__content{justify-content:center;align-items:center;gap:var(--button-gap);z-index:1;display:inline-flex;position:relative}.ui-button__label{align-items:center;display:inline-flex}.ui-button__leading,.ui-button__trailing{flex:none;justify-content:center;align-items:center;width:1.25em;height:1.25em;display:inline-flex}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button:focus-visible{outline:var(--button-focus-outline);outline-offset:2px}.ui-button__ripple{pointer-events:none;background:var(--button-ripple-color);border-radius:50%;animation:.6s linear forwards ui-button-ripple;position:absolute}@keyframes ui-button-ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ui-button--neumorphism{--button-bg:var(--sc-color-surface,#f2f2f2);--button-fg:var(--sc-color-on-surface,#000);--button-radius:var(--sc-radius-md,12px);--button-neu-shadow-light:-4px -4px 8px var(--sc-neu-highlight,#fff9);--button-neu-shadow-dark:4px 4px 8px var(--sc-neu-shadow,#0000001a);--button-neu-shadow-hover-light:-6px -6px 12px var(--sc-neu-highlight-hover,#ffffffb3);--button-neu-shadow-hover-dark:6px 6px 12px var(--sc-neu-shadow-hover,#0000001f);--button-neu-shadow-active-light:inset -2px -2px 4px var(--sc-neu-highlight-active,#ffffff80);--button-neu-shadow-active-dark:inset 2px 2px 4px var(--sc-neu-shadow-active,#00000026);--button-shadow:var(--button-neu-shadow-light), var(--button-neu-shadow-dark)}.ui-button--neumorphism:hover:enabled{--button-shadow:var(--button-neu-shadow-hover-light), var(--button-neu-shadow-hover-dark)}.ui-button--neumorphism:active:enabled{--button-shadow:var(--button-neu-shadow-active-light), var(--button-neu-shadow-active-dark)}.ui-button--glassmorphism{--button-bg:var(--sc-color-surface-40,#f2f2f299);--button-fg:var(--sc-color-on-surface,#000);--button-radius:var(--sc-radius-md,12px);--button-shadow:0 4px 6px var(--sc-glass-shadow,#0000001a), 0 1px 3px var(--sc-glass-highlight,#fff9);-webkit-backdrop-filter:blur(10px)}.ui-button--glassmorphism:hover:enabled{--button-shadow:0 6px 8px var(--sc-glass-shadow-hover,#00000026), 0 2px 4px var(--sc-glass-highlight-hover,#ffffffb3)}.ui-button--glassmorphism:active:enabled{--button-shadow:inset 2px 2px 4px var(--sc-glass-shadow-active,#0003), inset -2px -2px 4px var(--sc-glass-highlight-active,#ffffff80)}.ui-button--raised{--button-ripple-color:var(--sc-color-on-surface,#000)}.ui-button--raised.ui-button--primary{--button-bg:var(--sc-color-primary,#f38e1b);--button-fg:var(--sc-color-on-accent,var(--sc-color-black,#000));--button-shadow:var(--sc-elevation-2,0 3px 6px #0000001f)}.ui-button--raised.ui-button--secondary{--button-bg:var(--sc-color-secondary,#41acf3);--button-fg:var(--sc-color-on-highlight,var(--sc-color-black,#000));--button-shadow:var(--sc-elevation-2,0 3px 6px #0000001f)}.ui-button--raised.ui-button--error{--button-bg:var(--sc-color-error,#fc715fc5);--button-fg:var(--sc-color-white,#fff);--button-shadow:var(--sc-elevation-2,0 3px 6px #0000001f)}.ui-button--raised.ui-button--success{--button-bg:var(--sc-color-success,#21c45d);--button-fg:var(--sc-color-white,#fff);--button-shadow:var(--sc-elevation-2,0 3px 6px #0000001f)}.ui-button--raised.ui-button--primary:hover:enabled{--button-bg:var(--sc-color-primary-dark,#d0740b);--button-shadow:var(--sc-elevation-3,0 10px 20px #00000029)}.ui-button--raised.ui-button--secondary:hover:enabled{--button-bg:var(--sc-color-secondary-dark,#59544f);--button-shadow:var(--sc-elevation-3,0 10px 20px #00000029)}.ui-button--raised.ui-button--error:hover:enabled{--button-bg:var(--sc-color-error-dark,#e23636);--button-shadow:var(--sc-elevation-3,0 10px 20px #00000029)}.ui-button--raised.ui-button--success:hover:enabled{--button-bg:var(--sc-color-success-dark,#1ca64f);--button-shadow:var(--sc-elevation-3,0 10px 20px #00000029)}.ui-button--raised:active:enabled{transform:translateY(1px)}.ui-button--outlined{--button-bg:transparent;--button-border:var(--sc-color-outline,#e6e6e6);--button-ripple-color:var(--sc-color-on-surface,#000)}.ui-button--outlined.ui-button--primary{--button-fg:var(--sc-color-primary,#f38e1b);--button-border:var(--sc-color-primary,#f38e1b)}.ui-button--outlined.ui-button--secondary{--button-fg:var(--sc-color-secondary,#41acf3);--button-border:var(--sc-color-secondary,#41acf3)}.ui-button--outlined.ui-button--error{--button-fg:var(--sc-color-error,#fc715fc5);--button-border:var(--sc-color-error,#fc715fc5)}.ui-button--outlined.ui-button--success{--button-fg:var(--sc-color-success,#21c45d);--button-border:var(--sc-color-success,#21c45d)}.ui-button--outlined.ui-button--primary:hover:enabled{--button-bg:var(--sc-color-primary-tint,#f59e0b1a)}.ui-button--outlined.ui-button--secondary:hover:enabled{--button-bg:var(--sc-color-secondary-tint,#41acf31a)}.ui-button--outlined.ui-button--error:hover:enabled{--button-bg:var(--sc-color-error-tint,#ef44441a)}.ui-button--outlined.ui-button--success:hover:enabled{--button-bg:var(--sc-color-success-tint,#22c55e1a)}.ui-button--text{--button-bg:transparent;--button-border:transparent;--button-ripple-color:var(--sc-color-on-surface,#000)}.ui-button--text.ui-button--primary{--button-fg:var(--sc-color-primary,#f38e1b)}.ui-button--text.ui-button--secondary{--button-fg:var(--sc-color-secondary,#41acf3)}.ui-button--text.ui-button--error{--button-fg:var(--sc-color-error,#fc715fc5)}.ui-button--text.ui-button--success{--button-fg:var(--sc-color-success,#21c45d)}.ui-button--text.ui-button--primary:hover:enabled{--button-bg:var(--sc-color-primary-tint,#f59e0b1a)}.ui-button--text.ui-button--secondary:hover:enabled{--button-bg:var(--sc-color-secondary-tint,#41acf31a)}.ui-button--text.ui-button--error:hover:enabled{--button-bg:var(--sc-color-error-tint,#ef44441a)}.ui-button--text.ui-button--success:hover:enabled{--button-bg:var(--sc-color-success-tint,#22c55e1a)}