@layer components{.mc-btn{text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:1.5rem;font-size:1rem;font-weight:500;line-height:1.5;text-decoration:none;display:flex}.mc-btn--ghost{width:fit-content;font-size:.875rem;line-height:1.42857}.mc-btn--compact{border-radius:4px;height:1.75rem;padding-block:0;padding-inline:.5rem;font-size:.8125rem;text-decoration:none!important}.mc-btn--compact svg{flex-shrink:0;width:.75rem;height:.75rem}.mc-btn--compact:after{content:""!important;display:none!important}}.mc-btn--primary{color:var(--mc-accent-fg);background:var(--mc-accent);transition:background var(--mc-duration) var(--mc-ease)}.mc-btn--primary:hover{background:var(--mc-accent-hover)}.mc-btn--primary:active{background:var(--mc-accent-active)}.mc-btn--secondary{color:var(--mc-foreground);background:var(--surface-bg);box-shadow:inset 0 0 0 var(--mc-border-width) var(--surface-border);transition:background var(--mc-duration) var(--mc-ease), box-shadow var(--mc-duration) var(--mc-ease)}.mc-btn--secondary:hover{background:var(--surface-bg-hover)}.mc-btn--secondary:active{background:var(--surface-bg-active)}.dark .mc-btn--secondary{box-shadow:inset 0 0 0 var(--mc-border-width) color-mix(in oklch, var(--mc-foreground) 30%, transparent);background:0 0}.dark .mc-btn--secondary:hover{background:color-mix(in oklch, var(--mc-foreground) 10%, transparent);box-shadow:inset 0 0 0 var(--mc-border-width) color-mix(in oklch, var(--mc-foreground) 50%, transparent)}.dark .mc-btn--secondary:active{background:color-mix(in oklch, var(--mc-foreground) 15%, transparent)}.mc-btn--minimal{color:var(--mc-foreground)}.mc-btn--minimal:hover,.mc-btn--minimal:active{color:var(--mc-link-color)}.mc-btn--mono{color:var(--mc-control-primary-fg);background:var(--mc-control-primary-bg);transition:background var(--mc-duration) var(--mc-ease)}.mc-btn--mono:hover{background:var(--mc-control-primary-bg-hover)}.mc-btn--mono:active{background:var(--mc-control-primary-bg-active)}.mc-btn--ghost{color:color-mix(in oklch, var(--mc-foreground) 90%, transparent);background:color-mix(in oklch, var(--mc-foreground) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--mc-foreground) 15%, transparent);transition:background var(--mc-duration) var(--mc-ease), box-shadow var(--mc-duration) var(--mc-ease)}.mc-btn--ghost:hover{background:color-mix(in oklch, var(--mc-foreground) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--mc-foreground) 25%, transparent)}.mc-btn--ghost:active{background:color-mix(in oklch, var(--mc-foreground) 15%, transparent)}.mc-btn--quiet{outline-offset:1px;background:0 0;outline:none}.mc-btn--quiet:hover{background:var(--surface-bg-hover)}.mc-btn--quiet:active,.mc-btn--quiet.active,.mc-btn--quiet[aria-expanded=true]{background:var(--surface-bg-active)}.mc-btn--quiet:focus-visible{outline:1px solid var(--surface-border-hover)}