.miq-btn{white-space:nowrap;cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;line-height:1;transition:color .15s,background-color .15s,border-color .15s,opacity .15s;display:inline-flex;position:relative}.miq-btn:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring));outline:none}.miq-btn:disabled{pointer-events:none;opacity:.5}.miq-btn--default{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.miq-btn--default:hover{opacity:.9}.miq-btn--destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.miq-btn--destructive:hover{opacity:.9}.miq-btn--outline{border:1px solid hsl(var(--input));background:hsl(var(--background));color:hsl(var(--foreground))}.miq-btn--outline:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.miq-btn--secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.miq-btn--secondary:hover{opacity:.8}.miq-btn--ghost{color:hsl(var(--foreground));background:0 0}.miq-btn--ghost:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.miq-btn--link{color:hsl(var(--primary));text-underline-offset:4px;background:0 0}.miq-btn--link:hover{text-decoration:underline}.miq-btn--size-default{height:2.5rem;padding:.5rem 1rem}.miq-btn--size-sm{height:2.25rem;padding:.375rem .75rem;font-size:.8125rem}.miq-btn--size-lg{height:2.75rem;padding:.5rem 2rem;font-size:.9375rem}.miq-btn--size-icon{width:2.5rem;height:2.5rem;padding:0}.miq-btn__content{align-items:center;gap:.5rem;min-width:0;height:100%;display:inline-flex}.miq-btn__icon{flex-shrink:0;justify-content:center;align-items:center;height:100%;display:inline-flex}.miq-btn__icon svg{aspect-ratio:1;width:auto;height:calc(100% - .25rem)}.miq-btn__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.miq-btn--has-icon{white-space:nowrap}.miq-btn__spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.miq-btn__spinner svg{animation:.75s linear infinite miq-btn-spin}@keyframes miq-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.miq-btn__content--loading{opacity:0}
