.btn{font-family:var(--font-body),"Segoe UI",system-ui,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:.3rem;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;min-width:0;font-size:.875rem;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:flex;overflow:hidden}.btn svg{flex:none;width:1.15rem;height:1.15rem}.btn__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn__spinner{--btn-spinner-thickness:2px;--btn-spinner-band:radial-gradient(farthest-side, transparent calc(100% - var(--btn-spinner-thickness) - .5px), #000 calc(100% - var(--btn-spinner-thickness) + .5px));background:color-mix(in srgb, currentcolor 28%, transparent);width:1rem;height:1rem;-webkit-mask:var(--btn-spinner-band);mask:var(--btn-spinner-band);border-radius:50%;flex:none;animation:.7s linear infinite btn-spin;display:inline-block;position:relative}.btn__spinner:before,.btn__spinner:after{content:"";position:absolute}.btn__spinner:before{border-radius:inherit;background:conic-gradient(from 0deg, color-mix(in srgb, currentcolor 0%, transparent) 0deg, color-mix(in srgb, currentcolor 30%, transparent) 150deg, color-mix(in srgb, currentcolor 70%, transparent) 260deg, currentcolor 340deg);-webkit-mask:var(--btn-spinner-band);mask:var(--btn-spinner-band);inset:0}.btn__spinner:after{height:var(--btn-spinner-thickness);width:var(--btn-spinner-thickness);background:currentColor;border-radius:50%;inset:0 auto auto 50%;transform:translate(-50%)}.btn--sm{padding:.5rem}.btn--sm svg{width:1rem;height:1rem}.btn--md{height:2.5rem;padding-left:1rem;padding-right:1rem}.btn--full{width:100%;height:2.5rem;padding-left:1rem;padding-right:1rem}.btn--primary{background-color:var(--primary-color);color:var(--light-color)}.btn--primary:hover:not(:disabled){background-color:var(--primary-color-hover)}.btn--primary:active:not(:disabled){background-color:var(--primary-color-active)}.btn--secondary{background-color:var(--secondary-color);color:var(--light-color)}.btn--secondary:hover:not(:disabled){background-color:var(--secondary-color-hover)}.btn--secondary:active:not(:disabled){background-color:var(--secondary-color-active)}.btn--info{background-color:var(--info-color);color:var(--light-color)}.btn--info:hover:not(:disabled){background-color:var(--info-color-hover)}.btn--info:active:not(:disabled){background-color:var(--info-color-active)}.btn--success{background-color:var(--success-color);color:var(--light-color)}.btn--success:hover:not(:disabled){background-color:var(--success-color-hover)}.btn--success:active:not(:disabled){background-color:var(--success-color-active)}.btn--warning{background-color:var(--warning-color);color:var(--light-color)}.btn--warning:hover:not(:disabled){background-color:var(--warning-color-hover)}.btn--warning:active:not(:disabled){background-color:var(--warning-color-active)}.btn--danger{background-color:var(--danger-color);color:var(--light-color)}.btn--danger:hover:not(:disabled){background-color:var(--danger-color-hover)}.btn--danger:active:not(:disabled){background-color:var(--danger-color-active)}.btn--error{background-color:var(--error-color);color:var(--light-color)}.btn--error:hover:not(:disabled){background-color:var(--error-color-hover)}.btn--error:active:not(:disabled){background-color:var(--error-color-active)}.btn--outline-primary{border-color:var(--primary-color);color:var(--primary-color);background-color:#0000}.btn--outline-primary:hover:not(:disabled){background-color:var(--primary-color-light)}.btn--outline-secondary{border-color:var(--secondary-color);color:var(--secondary-color);background-color:#0000}.btn--outline-secondary:hover:not(:disabled){background-color:var(--secondary-color-light)}.btn--outline-info{border-color:var(--info-color);color:var(--info-color);background-color:#0000}.btn--outline-info:hover:not(:disabled){background-color:var(--info-color-light)}.btn--outline-success{border-color:var(--success-color);color:var(--success-color);background-color:#0000}.btn--outline-success:hover:not(:disabled){background-color:var(--success-color-light)}.btn--outline-warning{border-color:var(--warning-color);color:var(--warning-color);background-color:#0000}.btn--outline-warning:hover:not(:disabled){background-color:var(--warning-color-light)}.btn--outline-danger{border-color:var(--danger-color);color:var(--danger-color);background-color:#0000}.btn--outline-danger:hover:not(:disabled){background-color:var(--danger-color-light)}.btn--outline-error{border-color:var(--error-color);color:var(--error-color);background-color:#0000}.btn--outline-error:hover:not(:disabled){background-color:var(--error-color-light)}.btn--fill-color{background-color:var(--fill-color);color:var(--dark-color)}.btn--fill-color:hover:not(:disabled){background-color:var(--fill-color-hover)}.btn--fill-color:active:not(:disabled){background-color:var(--fill-color-active)}.btn--outline{border-color:var(--border-color-active);color:var(--color);background-color:#0000}.btn--outline:hover:not(:disabled){background-color:var(--neutral-color-light)}.btn--disabled,.btn:disabled{opacity:.55;cursor:not-allowed}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn__spinner{background:color-mix(in srgb, currentcolor 60%, transparent);animation:1.4s ease-in-out infinite btn-pulse}.btn__spinner:before,.btn__spinner:after{display:none}@keyframes btn-pulse{50%{opacity:.35}}}