@layer components{@keyframes litenote-ui-spin-3ff37497{to{transform:rotate(1turn)}}.litenote-ui-btn[data-v-3ff37497]{white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-weight:500;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.litenote-ui-btn[data-v-3ff37497]:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 55%,transparent);outline-offset:2px}.litenote-ui-btn.is-disabled[data-v-3ff37497],.litenote-ui-btn[data-v-3ff37497]:disabled{opacity:.5;cursor:not-allowed}.litenote-ui-btn__spinner[data-v-3ff37497]{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite litenote-ui-spin-3ff37497}.litenote-ui-btn__icon[data-v-3ff37497]{flex:none;justify-content:center;align-items:center;width:1.15em;height:1.15em;display:inline-flex;font-size:inherit!important}.litenote-ui-btn__icon[data-v-3ff37497] svg{width:1em;height:1em}.litenote-ui-btn--xs[data-v-3ff37497]{border-radius:var(--radius-sm);min-height:calc(1.15em + 10px);padding:4px 10px;font-size:12px}.litenote-ui-btn--sm[data-v-3ff37497]{min-height:calc(1.15em + 14px);padding:6px 12px;font-size:13px}.litenote-ui-btn--md[data-v-3ff37497]{min-height:calc(1.15em + 18px);padding:8px 16px;font-size:14px}.litenote-ui-btn--lg[data-v-3ff37497]{min-height:calc(1.15em + 22px);padding:10px 20px;font-size:15px}.litenote-ui-btn--square[data-v-3ff37497]{padding-left:0;padding-right:0}.litenote-ui-btn--xs.litenote-ui-btn--square[data-v-3ff37497]{width:24px;height:24px}.litenote-ui-btn--sm.litenote-ui-btn--square[data-v-3ff37497]{width:30px;height:30px}.litenote-ui-btn--md.litenote-ui-btn--square[data-v-3ff37497]{width:36px;height:36px}.litenote-ui-btn--lg.litenote-ui-btn--square[data-v-3ff37497]{width:42px;height:42px}.litenote-ui-btn--block[data-v-3ff37497]{width:100%;display:flex}.litenote-ui-btn--primary[data-v-3ff37497],.litenote-ui-btn--success[data-v-3ff37497]{--c:var(--primary-solid);--c-hover:var(--primary-solid-hover);--c-soft:var(--primary-soft);--c-soft-hover:var(--primary-soft-hover);--c-text:var(--primary-solid-text)}.litenote-ui-btn--neutral[data-v-3ff37497]{--c:var(--text-secondary);--c-hover:var(--border-color);--c-soft:var(--bg-secondary);--c-soft-hover:var(--bg-tertiary);--c-text:var(--text-primary)}.litenote-ui-btn--info[data-v-3ff37497]{--c:var(--info-color);--c-hover:color-mix(in srgb, var(--info-color) 85%, #000);--c-soft:color-mix(in srgb, var(--info-color) 12%, transparent);--c-soft-hover:color-mix(in srgb, var(--info-color) 20%, transparent);--c-text:#fff}.litenote-ui-btn--warning[data-v-3ff37497]{--c:var(--warning-color);--c-hover:color-mix(in srgb, var(--warning-color) 85%, #000);--c-soft:color-mix(in srgb, var(--warning-color) 14%, transparent);--c-soft-hover:color-mix(in srgb, var(--warning-color) 22%, transparent);--c-text:#fff}.litenote-ui-btn--error[data-v-3ff37497]{--c:var(--danger-color);--c-hover:color-mix(in srgb, var(--danger-color) 85%, #000);--c-soft:color-mix(in srgb, var(--danger-color) 12%, transparent);--c-soft-hover:color-mix(in srgb, var(--danger-color) 20%, transparent);--c-text:#fff}.litenote-ui-btn--solid[data-v-3ff37497]{background:var(--c);color:var(--c-text)}.litenote-ui-btn--solid[data-v-3ff37497]:hover:not(:disabled){background:var(--c-hover)}.litenote-ui-btn--outline[data-v-3ff37497]{border-color:var(--c);color:var(--c);background:0 0}.litenote-ui-btn--outline[data-v-3ff37497]:hover:not(:disabled),.litenote-ui-btn--soft[data-v-3ff37497]{background:var(--c-soft)}.litenote-ui-btn--soft[data-v-3ff37497]{color:var(--c)}.litenote-ui-btn--soft[data-v-3ff37497]:hover:not(:disabled){background:var(--c-soft-hover)}.litenote-ui-btn--ghost[data-v-3ff37497]{color:var(--c);background:0 0}.litenote-ui-btn--ghost[data-v-3ff37497]:hover:not(:disabled){background:var(--c-soft)}.litenote-ui-btn--ghost.litenote-ui-btn--neutral[data-v-3ff37497]{color:var(--text-primary)}.litenote-ui-btn--ghost.litenote-ui-btn--neutral[data-v-3ff37497]:hover:not(:disabled){background:var(--bg-secondary)}.litenote-ui-btn--link[data-v-3ff37497]{color:var(--c);background:0 0;padding-left:4px;padding-right:4px}.litenote-ui-btn--link[data-v-3ff37497]:hover:not(:disabled){text-decoration:underline}}
