/* Generated by _build/playground-preview/build-button.mjs from @nucleux/button + @nucleux/tokens. Do not edit. */
:root{--nx-ink-0:0 0% 100%;--nx-ink-25:60 11.1% 98.2%;--nx-ink-50:60 9.1% 95.7%;--nx-ink-100:60 7% 91.6%;--nx-ink-200:60 7.1% 83.5%;--nx-ink-border:60 9.1% 84.9%;--nx-ink-border-strong:60 6.3% 75.3%;--nx-ink-300:60 5.8% 69.6%;--nx-ink-400:60 4.4% 51.2%;--nx-ink-500:60 5.1% 34.7%;--nx-ink-600:60 5.9% 23.3%;--nx-ink-700:60 6.3% 15.5%;--nx-ink-800:60 8.3% 9.4%;--nx-ink-900:60 9.1% 4.3%;--nx-ink-950:60 11.1% 1.8%;--nx-slate-50:210 40% 98%;--nx-slate-100:210 40% 96%;--nx-slate-200:214 32% 91%;--nx-slate-400:215 20% 65%;--nx-slate-500:215 16% 47%;--nx-slate-800:217 33% 17%;--nx-slate-900:222 47% 11%;--nx-slate-950:222 47% 5%;--nx-slate-800-s:217 33% 20%;--nx-blue-500:217 91% 60%;--nx-violet-50:250 100% 98%;--nx-violet-500:258 90% 66%;--nx-green-600:142 76% 36%;--nx-green-600-dark:142 64% 40%;--nx-amber-500:38 92% 50%;--nx-amber-400:41 96% 60%;--nx-amber-950:48 96% 9%;--nx-red-600:0 72% 51%;--nx-red-700:0 63% 45%;--nx-font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--nx-font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--nx-font-md:Roboto,"Helvetica Neue",Arial,sans-serif;--nx-background:var(--nx-ink-0);--nx-foreground:var(--nx-ink-950);--nx-muted:var(--nx-ink-50);--nx-muted-foreground:var(--nx-ink-500);--nx-faint:var(--nx-ink-400);--nx-primary:var(--nx-slate-900);--nx-primary-foreground:var(--nx-slate-50);--nx-accent:var(--nx-ink-50);--nx-accent-foreground:var(--nx-ink-900);--nx-info:var(--nx-blue-500);--nx-info-foreground:var(--nx-ink-0);--nx-brand:32 95% 44%;--nx-brand-foreground:0 0% 100%;--nx-brand-muted:48 96% 89%;--nx-destructive:var(--nx-red-600);--nx-destructive-foreground:var(--nx-ink-0);--nx-success:var(--nx-green-600);--nx-success-foreground:var(--nx-ink-0);--nx-warning:var(--nx-amber-500);--nx-warning-foreground:var(--nx-amber-950);--nx-border:var(--nx-ink-border);--nx-input:var(--nx-ink-border-strong);--nx-ring:var(--nx-ink-950);--nx-radius:0.75rem}:root{--nx-md-primary:255 32% 48%;--nx-md-on-primary:0 0% 100%;--nx-md-primary-container:255 100% 93%;--nx-md-on-primary-container:261 100% 18%;--nx-md-secondary:262 11% 40%;--nx-md-on-secondary:0 0% 100%;--nx-md-secondary-container:261 61% 92%;--nx-md-on-secondary-container:253 26% 13%;--nx-md-tertiary:340 21% 41%;--nx-md-on-tertiary:0 0% 100%;--nx-md-tertiary-container:338 100% 92%;--nx-md-on-tertiary-container:337 48% 13%;--nx-md-error:3 71% 41%;--nx-md-on-error:0 0% 100%;--nx-md-error-container:6 78% 92%;--nx-md-on-error-container:4 71% 15%;--nx-md-surface:293 100% 98%;--nx-md-on-surface:257 8% 12%;--nx-md-surface-variant:268 21% 90%;--nx-md-on-surface-variant:265 7% 29%;--nx-md-surface-container-lowest:0 0% 100%;--nx-md-surface-container-low:278 43% 96%;--nx-md-surface-container:276 36% 95%;--nx-md-surface-container-high:276 24% 92%;--nx-md-surface-container-highest:280 17% 90%;--nx-md-outline:260 4% 47%;--nx-md-outline-variant:262 12% 79%;--nx-md-inverse-surface:270 6% 20%;--nx-md-inverse-on-surface:285 40% 95%;--nx-md-inverse-primary:258 100% 87%}.nx-scope,.nx-scope *,.nx-scope ::before,.nx-scope ::after{box-sizing:border-box;border:0 solid hsl(var(--nx-border))}.nx-scope .inline-flex{display:inline-flex}.nx-scope .size-10{width:2.5rem;height:2.5rem}.nx-scope .size-8{width:2rem;height:2rem}.nx-scope .size-9{width:2.25rem;height:2.25rem}.nx-scope .h-10{height:2.5rem}.nx-scope .h-8{height:2rem}.nx-scope .h-9{height:2.25rem}.nx-scope .h-auto{height:auto}.nx-scope .shrink-0{flex-shrink:0}.nx-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.nx-scope .items-center{align-items:center}.nx-scope .justify-center{justify-content:center}.nx-scope .gap-1\.5{gap:.375rem}.nx-scope .whitespace-nowrap{white-space:nowrap}.nx-scope .rounded-lg{border-radius:var(--nx-radius)}.nx-scope .border{border-width:1px}.nx-scope .border-border{border-color:hsl(var(--nx-border))}.nx-scope .bg-background{background-color:hsl(var(--nx-background))}.nx-scope .bg-destructive{background-color:hsl(var(--nx-destructive))}.nx-scope .bg-info{background-color:hsl(var(--nx-info))}.nx-scope .bg-primary{background-color:hsl(var(--nx-primary))}.nx-scope .px-0{padding-left:0;padding-right:0}.nx-scope .px-3{padding-left:.75rem;padding-right:.75rem}.nx-scope .px-4{padding-left:1rem;padding-right:1rem}.nx-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.nx-scope .text-sm{font-size:.875rem;line-height:1.25rem}.nx-scope .font-semibold{font-weight:600}.nx-scope .tracking-\[0\.005em\]{letter-spacing:.005em}.nx-scope .text-destructive-foreground{color:hsl(var(--nx-destructive-foreground))}.nx-scope .text-foreground{color:hsl(var(--nx-foreground))}.nx-scope .text-info-foreground{color:hsl(var(--nx-info-foreground))}.nx-scope .text-primary-foreground{color:hsl(var(--nx-primary-foreground))}.nx-scope .underline{text-decoration-line:underline}.nx-scope .decoration-from-font{text-decoration-thickness:from-font}.nx-scope .underline-offset-2{text-underline-offset:2px}.nx-scope .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nx-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nx-scope .hover\:bg-accent:hover{background-color:hsl(var(--nx-accent))}.nx-scope .hover\:bg-destructive\/90:hover{background-color:hsl(var(--nx-destructive)/.9)}.nx-scope .hover\:bg-info\/90:hover{background-color:hsl(var(--nx-info)/.9)}.nx-scope .hover\:bg-primary\/90:hover{background-color:hsl(var(--nx-primary)/.9)}.nx-scope .hover\:opacity-70:hover{opacity:.7}.nx-scope .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.nx-scope .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.nx-scope .focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--nx-ring))}.nx-scope .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.nx-scope .focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--nx-background))}.nx-scope .disabled\:pointer-events-none:disabled{pointer-events:none}.nx-scope .disabled\:opacity-50:disabled{opacity:.5}.nx-scope :is(.\[\&_svg\]\:shrink-0 svg){flex-shrink:0}