.button-base{box-sizing:border-box;font-size:14px;font-weight:500;line-height:20px;font-family:var(--font-family);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.button-base:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.button-base:disabled{opacity:.5;cursor:not-allowed}.button-xs{gap:4px;height:24px;padding:2px 8px;font-size:12px}.button-sm{gap:6px;height:32px;padding:6px 12px;font-size:13px}.button-md{gap:8px;height:32px;padding:8px 12px;font-size:14px}.button-lg{gap:8px;height:32px;padding:10px 16px;font-size:14px}.button-icon-xs,.button-icon-sm,.button-icon,.button-icon-lg{aspect-ratio:1;flex-shrink:0;gap:0;padding:0}.button-icon-xs{width:24px;height:24px;font-size:12px}.button-icon-sm{width:28px;height:28px;font-size:13px}.button-icon{width:32px;height:32px;font-size:14px}.button-icon-lg{width:40px;height:40px;font-size:15px}.button-primary{background-color:var(--color-primary-600);color:var(--color-white);border:none}.button-primary:hover:not(:disabled){background-color:var(--color-primary-700)}.button-primary:active:not(:disabled){background-color:var(--color-primary-800)}.button-secondary{background-color:var(--color-white);color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.button-secondary:hover:not(:disabled){background-color:var(--color-gray-50)}.button-secondary:active:not(:disabled){background-color:var(--color-gray-100)}.button-outlined{background-color:var(--color-white);color:var(--color-primary-600);border:1px solid var(--color-primary-200)}.button-outlined:hover:not(:disabled){background-color:var(--color-primary-50)}.button-outlined:active:not(:disabled){background-color:var(--color-primary-100)}.button-primary.button-outlined{color:var(--color-primary-600);border-color:var(--color-primary-300);background-color:var(--color-white)}.button-primary.button-outlined:hover:not(:disabled){background-color:var(--color-primary-50)}.button-primary.button-outlined:active:not(:disabled){background-color:var(--color-primary-100)}.button-danger.button-outlined{color:var(--color-red-600);border-color:var(--color-red-300);background-color:var(--color-white)}.button-danger.button-outlined:hover:not(:disabled){background-color:var(--color-red-50);border-color:var(--color-red-300)}.button-danger.button-outlined:active:not(:disabled){background-color:var(--color-red-100);border-color:var(--color-red-300)}.button-secondary.button-outlined{color:var(--color-gray-600);border-color:var(--color-gray-300);background-color:var(--color-white)}.button-secondary.button-outlined:hover:not(:disabled){background-color:var(--color-gray-50)}.button-secondary.button-outlined:active:not(:disabled){background-color:var(--color-gray-100)}.button-text{color:var(--color-primary-600);background-color:#0000;border:1px solid #0000}.button-text:hover:not(:disabled){background-color:var(--color-primary-50)}.button-text:active:not(:disabled){background-color:var(--color-primary-100)}.button-danger{background-color:var(--color-red-600);color:var(--color-white);border-color:var(--color-red-600)}.button-danger:hover:not(:disabled){background-color:var(--color-red-700);border-color:var(--color-red-700)}.button-danger:active:not(:disabled){background-color:var(--color-red-800);border-color:var(--color-red-800)}.button-info{background-color:var(--color-blue-600);color:var(--color-white);border-color:var(--color-blue-600)}.button-info:hover:not(:disabled){background-color:var(--color-blue-700);border-color:var(--color-blue-700)}.button-info:active:not(:disabled){background-color:var(--color-blue-800);border-color:var(--color-blue-800)}.button-success{background-color:var(--color-green-600);color:var(--color-white);border-color:var(--color-green-600)}.button-success:hover:not(:disabled){background-color:var(--color-green-700);border-color:var(--color-green-700)}.button-success:active:not(:disabled){background-color:var(--color-green-800);border-color:var(--color-green-800)}.button-warning{background-color:var(--color-orange-600);color:var(--color-white);border-color:var(--color-orange-600)}.button-warning:hover:not(:disabled){background-color:var(--color-orange-700);border-color:var(--color-orange-700)}.button-warning:active:not(:disabled){background-color:var(--color-orange-800);border-color:var(--color-orange-800)}.button-rounded{border-radius:9999px}.button-link{color:var(--color-primary-600);text-underline-offset:2px;border:none;gap:0;height:auto;min-height:auto;padding:0;font-weight:500;text-decoration:underline;background-color:#0000!important}.button-link:hover:not(:disabled){color:var(--color-primary-700);text-decoration:underline;background-color:#0000!important}.button-link:active:not(:disabled){color:var(--color-primary-800);text-decoration:underline;background-color:#0000!important}.button-link:disabled{opacity:.5;cursor:not-allowed}.button-link.button-xs,.button-link.button-sm,.button-link.button-md,.button-link.button-lg,.button-link.button-icon-xs,.button-link.button-icon-sm,.button-link.button-icon,.button-link.button-icon-lg{aspect-ratio:auto;width:auto;height:auto;min-height:auto;padding:0}.button-base[aria-busy=true]{position:relative}@media (max-width:640px){.button-lg{padding:8px 16px}}.button-raised{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.button-danger.button-text{color:var(--color-red-600);background-color:#0000;border-color:#0000}.button-danger.button-text:hover:not(:disabled){background-color:var(--color-red-50)}.button-secondary.button-text{color:var(--color-gray-600);background-color:#0000;border-color:#0000}.button-secondary.button-text:hover:not(:disabled){background-color:var(--color-gray-50)}.button-success.button-text{color:var(--color-green-600);background-color:#0000;border-color:#0000}.button-success.button-text:hover:not(:disabled){background-color:var(--color-green-50)}.button-base>svg{flex-shrink:0;width:16px;height:16px}.button-xs>svg,.button-icon-xs>svg{width:14px;height:14px}.button-lg>svg,.button-icon>svg{width:18px;height:18px}.button-icon-lg>svg{width:20px;height:20px}.button-link>svg{width:1em;height:1em}