.new-button{box-sizing:border-box;cursor:pointer;border:1px solid;border-radius:8px;outline:none;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-style:normal;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;position:relative;overflow:hidden}.new-button:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.new-button:disabled{cursor:not-allowed;opacity:.6}.new-button--2xs{gap:4px;height:24px;padding:4px 8px;font-size:12px;line-height:16px}.new-button--xs{gap:6px;height:28px;padding:6px 12px;font-size:12px;line-height:16px}.new-button--sm{gap:8px;height:32px;padding:8px 12px;font-size:14px;line-height:20px}.new-button--md{gap:8px;height:36px;padding:8px 16px;font-size:14px;line-height:20px}.new-button--lg{gap:10px;height:40px;padding:10px 16px;font-size:16px;line-height:24px}.new-button--xl{gap:12px;height:44px;padding:12px 20px;font-size:16px;line-height:24px}.new-button--icon-only{aspect-ratio:1;padding:0}.new-button--icon-only.new-button--2xs{width:24px;height:24px}.new-button--icon-only.new-button--xs{width:28px;height:28px}.new-button--icon-only.new-button--sm{width:32px;height:32px}.new-button--icon-only.new-button--md{width:36px;height:36px}.new-button--icon-only.new-button--lg{width:40px;height:40px}.new-button--icon-only.new-button--xl{width:44px;height:44px}.new-button--fill{color:#fff;background-color:#6366f1;border-color:#6366f1}.new-button--fill:hover:not(:disabled){background-color:#5b5bd6;border-color:#5b5bd6}.new-button--fill:active:not(:disabled){background-color:#4f46e5;border-color:#4f46e5}.new-button--outline{color:#262626;background-color:#fff;border-color:#d4d4d4}.new-button--outline:hover:not(:disabled){background-color:#f5f5f5;border-color:#a3a3a3}.new-button--outline:active:not(:disabled){background-color:#e5e5e5;border-color:#737373}.new-button--ghost{color:var(--color-primary-500);background-color:#0000;border-color:#0000}.new-button--ghost:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--color-primary-600)}.new-button--ghost:active:not(:disabled){background-color:var(--color-primary-100);color:var(--color-primary-700)}.new-button--text{color:var(--color-primary-500);background-color:#0000;border-color:#0000;padding-left:0;padding-right:0}.new-button--text:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--color-primary-600)}.new-button--text:active:not(:disabled){background-color:var(--color-primary-100);color:var(--color-primary-700)}.new-button--primary{color:#fff;background-color:#6366f1;border-color:#6366f1}.new-button--secondary{color:#262626;background-color:#fff;border-color:#d4d4d4}.new-button--success{color:#fff;background-color:#6366f1;border-color:#6366f1}.new-button--warning{color:#fff;background-color:#f0b100;border-color:#f0b100}.new-button--error{color:#fff;background-color:#fb2c36;border-color:#fb2c36}.new-button--info{color:#fff;background-color:#6366f1;border-color:#6366f1}.new-button--disabled{color:#262626;cursor:not-allowed;background-color:#d4d4d4;border-color:#d4d4d4}.new-button--loading{color:#0000;position:relative}.new-button--loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:1s linear infinite button-spin;position:absolute;top:50%;left:50%}@keyframes button-spin{to{transform:rotate(360deg)}}.new-button__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.new-button__icon--leading{order:0}.new-button__icon--tailing{order:2}.new-button__text{white-space:nowrap;order:1}.new-button--full-width{width:100%}.new-button__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite button-spin}@media (width<=640px){.new-button--lg{height:36px;padding:8px 16px;font-size:14px}.new-button--xl{height:40px;padding:10px 16px;font-size:14px}}@media (prefers-color-scheme:dark){.new-button--outline{border-color:var(--color-primary-400);color:var(--color-primary-400)}.new-button--ghost,.new-button--text{color:var(--color-primary-400)}}.new-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.new-button[aria-disabled=true]{cursor:not-allowed;opacity:.6}@media (prefers-contrast:high){.new-button,.new-button--outline{border-width:2px}}@media (prefers-reduced-motion:reduce){.new-button{transition:none}.new-button--loading:after,.new-button__spinner{animation:none}}