@layer components{.mc-btn{gap:var(--mc-btn-gap);height:var(--mc-btn-height);padding-block:0;padding-inline:var(--mc-btn-padding-inline);text-align:center;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--mc-btn-radius);justify-content:center;align-items:center;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;display:flex}.mc-btn--ghost{width:fit-content;font-size:.875rem}.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-fg);background:var(--mc-btn-outline-bg);box-shadow:var(--mc-btn-shadow);transition:background var(--mc-duration) var(--mc-ease);position:relative}.mc-btn--secondary:before{padding:var(--mc-border-width);pointer-events:none;content:"";background-image:var(--mc-btn-ring);border-radius:inherit;-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.mc-btn--secondary:hover{background:var(--mc-btn-outline-bg-hover)}.mc-btn--secondary:active{background:var(--mc-btn-outline-bg-active)}.mc-btn--minimal{color:var(--mc-fg)}.mc-btn--minimal:hover,.mc-btn--minimal:active{color:var(--mc-link)}.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-fg) 90%, transparent);background:color-mix(in oklch, var(--mc-fg) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--mc-fg) 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-fg) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--mc-fg) 25%, transparent)}.mc-btn--ghost:active{background:color-mix(in oklch, var(--mc-fg) 15%, transparent)}.mc-btn--quiet{outline-offset:1px;background:0 0;outline:none}.mc-btn--quiet:hover{background:var(--mc-card-hover)}.mc-btn--quiet:active,.mc-btn--quiet.active,.mc-btn--quiet[aria-expanded=true]{background:var(--mc-card-active)}.mc-btn--quiet:focus-visible{outline:1px solid var(--mc-card-border-hover)}