.btn{font-family:var(--font-sans), Inter, sans-serif;cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;transition:all .15s ease-in-out;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.btn-circular{border-radius:9999px!important}.btn-xs{gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;line-height:1}.btn-sm{padding:.375rem .75rem;font-size:.75rem;line-height:1}.btn-md{padding:.5rem 1rem;font-size:14px;line-height:1.25}.btn-lg{padding:.625rem 1.25rem;font-size:1rem;line-height:1.5}.btn-xl{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.btn-font-xs,.btn-font-sm{font-weight:600}.btn-font-md,.btn-font-lg{font-weight:700}.btn-font-xl{font-weight:800}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 1px 2px #0000001a}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-container);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-secondary{color:#fff;background-color:#5a5f68;border:1px solid #4a4f58}.btn-secondary:hover:not(:disabled){background-color:#4a4f58;transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.btn-secondary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-outline{border:1.5px solid var(--color-outline);color:var(--color-on-surface);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-container-low);border-color:var(--color-on-surface);transform:translateY(-1px)}.btn-outline:active:not(:disabled){background-color:var(--color-surface-container);transform:translateY(0)}.btn-ghost{color:var(--color-on-surface-variant);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-container-low);color:var(--color-on-surface)}.btn-ghost:active:not(:disabled){background-color:var(--color-surface-container)}.btn-danger{background-color:var(--color-error);color:var(--color-on-error);box-shadow:0 1px 2px #0000001a}.btn-danger:hover:not(:disabled){background-color:var(--color-error-container);color:var(--color-on-error-container);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-success{color:#fff;background-color:#008236;border:1.5px solid #008236;box-shadow:0 1px 2px #0000001a}.btn-success:hover:not(:disabled){color:#008236;background-color:#dcfce7;border-color:#dcfce7;transform:translateY(-1px);box-shadow:0 4px 6px #1665344d}.btn-success:active:not(:disabled){box-shadow:none;background-color:#14532d;border-color:#14532d;transform:translateY(0)}.btn-warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-text);border:1.5px solid var(--color-status-warning-text)}.btn-warning:hover:not(:disabled){background-color:var(--color-status-warning-text);color:#422006;transform:translateY(-1px);box-shadow:0 4px 6px #854d0e33}.btn-warning:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-info{background-color:var(--color-status-info-bg);color:var(--color-status-info-text);border:1.5px solid var(--color-status-info-text)}.btn-info:hover:not(:disabled){background-color:var(--color-status-info-text);color:#0c4a6e;transform:translateY(-1px);box-shadow:0 4px 6px #0369a133}.btn-info:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-soft-primary{color:var(--color-primary);background-color:#4648d41a;border:1px solid #4648d433}.btn-soft-primary:hover:not(:disabled){color:var(--color-primary);background-color:#4648d433;transform:translateY(-1px)}.btn-soft-primary:active:not(:disabled){transform:translateY(0)}.btn-soft-secondary{color:var(--color-on-surface);background-color:#64748b14;border:1px solid #64748b26}.btn-soft-secondary:hover:not(:disabled){background-color:#64748b26;transform:translateY(-1px)}.btn-soft-secondary:active:not(:disabled){transform:translateY(0)}.btn-soft-danger{background-color:var(--color-error-container);color:var(--color-error);border:1px solid #ba1a1a26}.btn-soft-danger:hover:not(:disabled){color:var(--color-error);background-color:#ba1a1a26;transform:translateY(-1px)}.btn-soft-danger:active:not(:disabled){transform:translateY(0)}.btn-soft-success{background-color:var(--color-status-success-bg);color:var(--color-status-success-text);border:1px solid #16653426}.btn-soft-success:hover:not(:disabled){color:var(--color-status-success-text);background-color:#16653426;transform:translateY(-1px)}.btn-soft-success:active:not(:disabled){transform:translateY(0)}.btn-soft-warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-text);border:1px solid #854d0e26}.btn-soft-warning:hover:not(:disabled){color:var(--color-status-warning-text);background-color:#854d0e26;transform:translateY(-1px)}.btn-soft-warning:active:not(:disabled){transform:translateY(0)}.btn-soft-info{background-color:var(--color-status-info-bg);color:var(--color-status-info-text);border:1px solid #0369a126}.btn-soft-info:hover:not(:disabled){color:var(--color-status-info-text);background-color:#0369a126;transform:translateY(-1px)}.btn-soft-info:active:not(:disabled){transform:translateY(0)}.btn-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-text{align-items:center;display:inline-flex}.btn .material-symbols-outlined,.btn .material-symbols-rounded{flex-shrink:0;font-size:1em;line-height:1}.btn-xs .material-symbols-outlined,.btn-xs .material-symbols-rounded{font-size:.75rem}.btn-sm .material-symbols-outlined,.btn-sm .material-symbols-rounded{font-size:.875rem}.btn-md .material-symbols-outlined,.btn-md .material-symbols-rounded{font-size:1rem}.btn-lg .material-symbols-outlined,.btn-lg .material-symbols-rounded{font-size:1.125rem}.btn-xl .material-symbols-outlined,.btn-xl .material-symbols-rounded{font-size:1.25rem}.btn-icon{aspect-ratio:1;justify-content:center;align-items:center;gap:0;width:2rem;height:2rem;padding:0;display:inline-flex}.btn-icon.btn-xs{width:1.375rem;min-width:1.375rem;height:1.375rem;min-height:1.375rem}.btn-icon.btn-xs .material-symbols-outlined,.btn-icon.btn-xs .material-symbols-rounded{font-size:.875rem}.btn-icon.btn-sm{width:1.625rem;min-width:1.625rem;height:1.625rem;min-height:1.625rem}.btn-icon.btn-sm .material-symbols-outlined,.btn-icon.btn-sm .material-symbols-rounded{font-size:1rem}.btn-icon.btn-md{width:2rem;min-width:2rem;height:2rem;min-height:2rem}.btn-icon.btn-md .material-symbols-outlined,.btn-icon.btn-md .material-symbols-rounded{font-size:1.125rem}.btn-icon.btn-lg{width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem}.btn-icon.btn-lg .material-symbols-outlined,.btn-icon.btn-lg .material-symbols-rounded{font-size:1.25rem}.btn-icon.btn-xl{width:3rem;min-width:3rem;height:3rem;min-height:3rem}.btn-icon.btn-xl .material-symbols-outlined,.btn-icon.btn-xl .material-symbols-rounded{font-size:1.5rem}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.dark .btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container);box-shadow:0 1px 2px #0000004d}.dark .btn-primary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-on-primary)}.dark .btn-secondary{color:#fff;background-color:#4a4f58;border:1px solid #3a3f48}.dark .btn-secondary:hover:not(:disabled){background-color:#3a3f48;box-shadow:0 4px 6px #0000004d}.dark .btn-outline{border-color:var(--color-outline);color:var(--color-on-surface)}.dark .btn-outline:hover:not(:disabled){background-color:var(--color-surface-container);border-color:var(--color-on-surface)}.dark .btn-ghost{color:var(--color-on-surface-variant)}.dark .btn-ghost:hover:not(:disabled){background-color:var(--color-surface-container);color:var(--color-on-surface)}.dark .btn-danger{background-color:var(--color-error-container);color:var(--color-on-error-container)}.dark .btn-danger:hover:not(:disabled){background-color:var(--color-error);color:var(--color-on-error)}.dark .btn-success{color:#fff;background-color:#15803d;border:1.5px solid #15803d;box-shadow:0 1px 2px #0000004d}.dark .btn-success:hover:not(:disabled){color:#bbf7d0;background-color:#14532d;border-color:#14532d}.dark .btn-success:active:not(:disabled){background-color:#14532d;border-color:#14532d}.dark .btn-warning{color:#854d0e;background-color:#fde04726;border:1.5px solid #eab308}.dark .btn-warning:hover:not(:disabled){color:#422006;background-color:#eab308}.dark .btn-info{color:#0369a1;background-color:#7dd3fc26;border:1.5px solid #0ea5e9}.dark .btn-info:hover:not(:disabled){color:#0c4a6e;background-color:#0ea5e9}.dark .btn-soft-primary{color:#a5a6f5;background-color:#a5a6f526;border:1px solid #a5a6f540}.dark .btn-soft-primary:hover:not(:disabled){color:#c5c6fb;background-color:#a5a6f540}.dark .btn-soft-secondary{color:#cbd5e1;background-color:#cbd5e11a;border:1px solid #cbd5e133}.dark .btn-soft-secondary:hover:not(:disabled){color:#e2e8f0;background-color:#cbd5e133}.dark .btn-soft-danger{color:#f87171;background-color:#f8717126;border:1px solid #f8717140}.dark .btn-soft-danger:hover:not(:disabled){color:#fca5a5;background-color:#f8717140}.dark .btn-soft-success{color:#86efac;background-color:#86efac26;border:1px solid #86efac40}.dark .btn-soft-success:hover:not(:disabled){color:#bbf7d0;background-color:#86efac40}.dark .btn-soft-warning{color:#fde047;background-color:#fde04726;border:1px solid #fde04740}.dark .btn-soft-warning:hover:not(:disabled){color:#fef08a;background-color:#fde04740}.dark .btn-soft-info{color:#7dd3fc;background-color:#7dd3fc26;border:1px solid #7dd3fc40}.dark .btn-soft-info:hover:not(:disabled){color:#a5f3fc;background-color:#7dd3fc40}.btn-link{color:var(--color-primary);text-underline-offset:2px;background-color:#0000;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-primary-container)}.dark .btn-link{color:var(--color-on-primary-container)}.dark .btn-link:hover:not(:disabled){color:var(--color-primary)}