.mn-btn{--mn-btn-height:var(--mn-space-8);--mn-btn-radius:var(--mn-radius-lg);--mn-btn-pad-x:calc(var(--mn-space-2) + var(--mn-space-micro));--mn-btn-pad-tight:var(--mn-space-2);--mn-btn-gap:var(--mn-space-1);--mn-btn-slot:calc(var(--mn-space-4) + var(--mn-space-micro));--mn-btn-font-size:var(--mn-ui-B2-font-size);--mn-btn-line-height:var(--mn-ui-B2-line-height);--mn-btn-bg:transparent;--mn-btn-bg-hover:var(--mn-btn-bg);--mn-btn-bg-active:var(--mn-btn-bg-hover);--mn-btn-fg:var(--mn-label-primary);--mn-btn-fg-hover:var(--mn-btn-fg);--mn-btn-border:transparent;--mn-btn-border-hover:var(--mn-btn-border);--mn-btn-spin-dur:calc(var(--mn-dur-slide) * 2.5);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mn-btn-gap);height:var(--mn-btn-height);padding:0 var(--mn-btn-pad-x);border:var(--mn-border-hairline) solid var(--mn-btn-border);border-radius:var(--mn-btn-radius);background-color:var(--mn-btn-bg);color:var(--mn-btn-fg);font-family:inherit;font-size:var(--mn-btn-font-size);font-weight:var(--mn-weight-medium);line-height:var(--mn-btn-line-height);letter-spacing:var(--mn-track-body);white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;transition:background-color var(--mn-dur-standard) var(--mn-ease-standard), color var(--mn-dur-standard) var(--mn-ease-standard), border-color var(--mn-dur-standard) var(--mn-ease-standard);margin:0;text-decoration:none;display:inline-flex;position:relative}.mn-btn:hover:not([disabled]):not([aria-busy=true]){background-color:var(--mn-btn-bg-hover);color:var(--mn-btn-fg-hover);border-color:var(--mn-btn-border-hover)}.mn-btn:active:not([disabled]):not([aria-busy=true]){background-color:var(--mn-btn-bg-active)}.mn-btn--sm{--mn-btn-height:calc(var(--mn-space-6) + var(--mn-space-1));--mn-btn-pad-x:var(--mn-space-2);--mn-btn-pad-tight:var(--mn-space-tight);--mn-btn-gap:var(--mn-space-micro);--mn-btn-slot:var(--mn-space-4);--mn-btn-font-size:var(--mn-ui-C1-font-size);--mn-btn-line-height:var(--mn-ui-C1-line-height)}.mn-btn--lg{--mn-btn-height:var(--mn-space-10);--mn-btn-pad-x:calc(var(--mn-space-3) + var(--mn-space-micro));--mn-btn-pad-tight:var(--mn-space-3);--mn-btn-gap:var(--mn-space-tight);--mn-btn-slot:var(--mn-space-5);--mn-btn-font-size:var(--mn-ui-T2-font-size);--mn-btn-line-height:var(--mn-ui-T2-line-height)}.mn-btn[data-icon-position=start]{padding-left:var(--mn-btn-pad-tight)}.mn-btn[data-icon-position=end]{padding-right:var(--mn-btn-pad-tight)}.mn-btn--iconOnly{width:var(--mn-btn-height);min-width:var(--mn-btn-height);padding:0}.mn-btn--block{width:100%;display:flex}.mn-btn--primary{--mn-btn-bg:var(--mn-label-primary);--mn-btn-bg-hover:var(--mn-label-primary-hover);--mn-btn-bg-active:var(--mn-label-primary-active);--mn-btn-fg:var(--mn-bg-primary)}.mn-btn--accent{--mn-btn-bg:var(--mn-accent);--mn-btn-bg-hover:var(--mn-accent-hover);--mn-btn-bg-active:var(--mn-accent-active);--mn-btn-fg:var(--mn-accent-contrast)}.mn-btn--danger{--mn-btn-bg:var(--mn-status-danger);--mn-btn-bg-hover:var(--mn-status-danger-hover);--mn-btn-bg-active:var(--mn-status-danger-active);--mn-btn-fg:var(--mn-bg-primary)}.mn-btn--plain{--mn-btn-bg:var(--mn-fill-1);--mn-btn-bg-hover:var(--mn-fill-1-hover);--mn-btn-bg-active:var(--mn-fill-1-active)}.mn-btn--outline{--mn-btn-bg-hover:var(--mn-fill-1);--mn-btn-bg-active:var(--mn-fill-1-active);--mn-btn-border:var(--mn-separator-1);--mn-btn-border-hover:var(--mn-separator-1-hover)}.mn-btn--ghost{--mn-btn-bg-hover:var(--mn-fill-1);--mn-btn-bg-active:var(--mn-fill-1-active);--mn-btn-fg:var(--mn-label-secondary);--mn-btn-fg-hover:var(--mn-label-primary)}.mn-btn[disabled]{--mn-btn-bg:var(--mn-fill-3);--mn-btn-fg:var(--mn-label-quaternary);--mn-btn-border:transparent;cursor:not-allowed}.mn-btn--ghost[disabled],.mn-btn--outline[disabled]{--mn-btn-bg:transparent}.mn-btn[aria-busy=true]{cursor:progress}.mn-btn__spinner{box-sizing:border-box;width:var(--mn-btn-slot);height:var(--mn-btn-slot);border:var(--mn-stroke-thin) solid currentColor;border-radius:var(--mn-radius-round);animation:mn-btn-spin var(--mn-btn-spin-dur) steps(8, end) infinite;border-top-color:#0000;flex:none}.mn-btn[data-overlay=true] .mn-btn__label{opacity:0}.mn-btn[data-overlay=true] .mn-btn__spinner{margin:auto;position:absolute;inset:0}@keyframes mn-btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mn-btn{transition:none}}
