@layer components{.ns-matrix{--ns-matrix-on:#8ec2ff;--ns-matrix-glow:#5496ff99;--ns-matrix-off:color-mix(in srgb, var(--ns-matrix-on) 10%, #0c0e12);--ns-matrix-dot:.25em;--ns-matrix-gap:.09em;--ns-matrix-attack:calc(var(--duration-press,.1s) / 4);--ns-matrix-release:var(--duration-press,.1s);box-shadow:inset 0 .06em .16em #000000d9, inset 0 -1px 0 #ffffff0f, 0 0 0 1px var(--lightningcss-light,#1b1b1b)var(--lightningcss-dark,#2e2e2e), 0 .08em .3em var(--cast,#0000002e);vertical-align:middle;isolation:isolate;background:radial-gradient(130% 100% at 50% 0,#161a20,#07080a 70%);border-radius:.35em;padding:.55em .65em;line-height:1;display:inline-grid;position:relative}.ns-matrix[data-tone=amber]{--ns-matrix-on:#ffc56b;--ns-matrix-glow:#ff962899}.ns-matrix[data-tone=success]{--ns-matrix-on:#7cf0a0;--ns-matrix-glow:#3cdc7899}.ns-matrix[data-tone=error]{--ns-matrix-on:#ff7272;--ns-matrix-glow:#ff4646a6}.ns-matrix:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(172deg,#ffffff0f 0 38%,#0000 38%);position:absolute;inset:1px}.ns-matrix__text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ns-matrix__grid{grid-template-columns:repeat(var(--ns-matrix-columns,1), var(--ns-matrix-dot));grid-auto-rows:var(--ns-matrix-dot);gap:var(--ns-matrix-gap);display:grid}.ns-matrix__grid>i{background-color:var(--ns-matrix-off);transition:background-color var(--ns-matrix-release) ease-out, box-shadow var(--ns-matrix-release) ease-out;background-image:radial-gradient(circle at 35% 30%,#ffffff29,#0000 60%);border-radius:50%}.ns-matrix__grid>i[data-on]{background-color:var(--ns-matrix-on);box-shadow:0 0 var(--ns-matrix-dot) var(--ns-matrix-glow);transition-duration:var(--ns-matrix-attack)}@media (forced-colors:active){.ns-matrix{forced-color-adjust:none;box-shadow:none;background:canvas;border:1px solid canvastext}.ns-matrix:after{display:none}.ns-matrix__grid>i{box-shadow:none;background:0 0}.ns-matrix__grid>i[data-on]{background:canvastext}}}