.next-pattern{--pattern-ink: hsl(215 25% 27%);--pattern-scale: 1;--pattern-intensity: .08;--pattern-dark-factor: 1;--pattern-opacity: calc(var(--pattern-intensity) * var(--pattern-dark-factor));--pattern-accent-a: hsl(var(--primary));--pattern-accent-b: hsl(var(--info-foreground));--pattern-accent-scale: 2.75;--pattern-accent-opacity: calc(var(--pattern-intensity) * var(--pattern-accent-scale));--pattern-origin-x: 50%;--pattern-origin-y: 0%;--pattern-fade-angle: to bottom;--pattern-line: color-mix( in srgb, var(--pattern-ink) calc(var(--pattern-opacity) * 100%), transparent );--pattern-glow-a: color-mix( in srgb, var(--pattern-accent-a) calc(var(--pattern-accent-opacity) * 100%), transparent );--pattern-glow-b: color-mix( in srgb, var(--pattern-accent-b) calc(var(--pattern-accent-opacity) * 100%), transparent )}.dark .next-pattern{--pattern-ink: hsl(210 40% 98%);--pattern-dark-factor: .7;--pattern-accent-scale: 3.75}.next-pattern-grid{background-image:linear-gradient(to right,var(--pattern-line) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-line) 1px,transparent 1px);background-size:calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale)),calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale))}.next-pattern-blueprint{background-image:repeating-linear-gradient(0deg,transparent,transparent calc(19px * var(--pattern-scale)),var(--pattern-line) calc(19px * var(--pattern-scale)),var(--pattern-line) calc(20px * var(--pattern-scale)),transparent calc(20px * var(--pattern-scale)),transparent calc(39px * var(--pattern-scale)),var(--pattern-line) calc(39px * var(--pattern-scale)),var(--pattern-line) calc(40px * var(--pattern-scale))),repeating-linear-gradient(90deg,transparent,transparent calc(19px * var(--pattern-scale)),var(--pattern-line) calc(19px * var(--pattern-scale)),var(--pattern-line) calc(20px * var(--pattern-scale)),transparent calc(20px * var(--pattern-scale)),transparent calc(39px * var(--pattern-scale)),var(--pattern-line) calc(39px * var(--pattern-scale)),var(--pattern-line) calc(40px * var(--pattern-scale))),radial-gradient(circle at calc(20px * var(--pattern-scale)) calc(20px * var(--pattern-scale)),color-mix(in srgb,var(--pattern-ink) calc((var(--pattern-opacity) * 1.5) * 100%),transparent) 2px,transparent 2px);background-size:calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale)),calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale)),calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale))}.next-pattern-dots{background-image:radial-gradient(circle at 1px 1px,var(--pattern-line) 1px,transparent 0);background-size:calc(20px * var(--pattern-scale)) calc(20px * var(--pattern-scale))}.next-pattern-dots-large{background-image:radial-gradient(circle at 2px 2px,var(--pattern-line) 2px,transparent 0);background-size:calc(28px * var(--pattern-scale)) calc(28px * var(--pattern-scale))}.next-pattern-circuit{background-image:radial-gradient(circle at 1px 1px,var(--pattern-line) 1px,transparent 0),repeating-linear-gradient(0deg,transparent,transparent calc(31px * var(--pattern-scale)),var(--pattern-line) calc(31px * var(--pattern-scale)),var(--pattern-line) calc(32px * var(--pattern-scale))),repeating-linear-gradient(90deg,transparent,transparent calc(31px * var(--pattern-scale)),var(--pattern-line) calc(31px * var(--pattern-scale)),var(--pattern-line) calc(32px * var(--pattern-scale)));background-size:calc(8px * var(--pattern-scale)) calc(8px * var(--pattern-scale)),calc(32px * var(--pattern-scale)) calc(32px * var(--pattern-scale)),calc(32px * var(--pattern-scale)) calc(32px * var(--pattern-scale))}.next-pattern-diamonds{background-image:linear-gradient(45deg,transparent 49%,var(--pattern-line) 49%,var(--pattern-line) 51%,transparent 51%),linear-gradient(-45deg,transparent 49%,var(--pattern-line) 49%,var(--pattern-line) 51%,transparent 51%);background-size:calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale)),calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale))}.next-pattern-crosshatch{background-image:repeating-linear-gradient(45deg,var(--pattern-line) 0,var(--pattern-line) 1px,transparent 1px,transparent calc(20px * var(--pattern-scale))),repeating-linear-gradient(-45deg,var(--pattern-line) 0,var(--pattern-line) 1px,transparent 1px,transparent calc(20px * var(--pattern-scale)))}.next-pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent,transparent calc(2px * var(--pattern-scale)),var(--pattern-line) calc(2px * var(--pattern-scale)),var(--pattern-line) calc(4px * var(--pattern-scale)))}.next-pattern-spotlight{background-image:radial-gradient(calc(125% * var(--pattern-scale)) calc(125% * var(--pattern-scale)) at var(--pattern-origin-x) var(--pattern-origin-y),transparent 40%,var(--pattern-glow-a) 100%);background-size:100% 100%}.next-pattern-aurora{background-image:linear-gradient(to right,var(--pattern-line) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-line) 1px,transparent 1px),radial-gradient(circle 500px at var(--pattern-origin-x) var(--pattern-origin-y),var(--pattern-glow-a),transparent),radial-gradient(circle 500px at calc(100% - var(--pattern-origin-x)) calc(100% - var(--pattern-origin-y)),var(--pattern-glow-b),transparent);background-size:calc(48px * var(--pattern-scale)) calc(48px * var(--pattern-scale)),calc(48px * var(--pattern-scale)) calc(48px * var(--pattern-scale)),100% 100%,100% 100%}.next-pattern-glow-corner{background-image:radial-gradient(ellipse calc(70% * var(--pattern-scale)) calc(70% * var(--pattern-scale)) at var(--pattern-origin-x) var(--pattern-origin-y),color-mix(in srgb,var(--pattern-accent-a) calc((var(--pattern-accent-opacity) * 1.6) * 100%),transparent) 0%,color-mix(in srgb,var(--pattern-accent-a) calc((var(--pattern-accent-opacity) * .7) * 100%),transparent) 30%,color-mix(in srgb,var(--pattern-accent-a) calc((var(--pattern-accent-opacity) * .2) * 100%),transparent) 55%,transparent 75%);background-repeat:no-repeat;background-size:100% 100%}.next-pattern-glow-corner{--pattern-origin-x: 100%;--pattern-origin-y: 0%}.next-pattern-noise:before{background-color:var(--pattern-ink);--pattern-noise-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");-webkit-mask-image:var(--pattern-noise-mask);mask-image:var(--pattern-noise-mask);-webkit-mask-size:calc(240px * var(--pattern-scale)) calc(240px * var(--pattern-scale));mask-size:calc(240px * var(--pattern-scale)) calc(240px * var(--pattern-scale));-webkit-mask-mode:alpha;mask-mode:alpha;opacity:var(--pattern-opacity)}.dark .next-pattern-noise{--pattern-dark-factor: 1.8}.next-pattern-grid-glow,.next-pattern-grid-fade,.next-pattern-noise{position:relative;isolation:isolate}.next-pattern-grid-glow:before,.next-pattern-grid-fade:before,.next-pattern-noise:before{content:"";position:absolute;inset:0;z-index:-1;display:block;pointer-events:none;border-radius:inherit}.next-pattern-grid-glow:before,.next-pattern-grid-fade:before{background-image:linear-gradient(to right,var(--pattern-line) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-line) 1px,transparent 1px)}.next-pattern-grid-glow:before{background-size:calc(20px * var(--pattern-scale)) calc(30px * var(--pattern-scale)),calc(20px * var(--pattern-scale)) calc(30px * var(--pattern-scale));-webkit-mask-image:radial-gradient(ellipse 70% 60% at var(--pattern-origin-x) var(--pattern-origin-y),#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at var(--pattern-origin-x) var(--pattern-origin-y),#000 60%,transparent 100%)}.next-pattern-grid-fade:before{background-size:calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale)),calc(40px * var(--pattern-scale)) calc(40px * var(--pattern-scale));-webkit-mask-image:linear-gradient(var(--pattern-fade-angle),#000 0%,#000 40%,transparent 85%);mask-image:linear-gradient(var(--pattern-fade-angle),#000 0%,#000 40%,transparent 85%)}.next-pattern-color-primary{--pattern-ink: hsl(var(--primary));--pattern-accent-a: hsl(var(--primary))}.next-pattern-color-info{--pattern-ink: hsl(var(--info-foreground));--pattern-accent-a: hsl(var(--info-foreground))}.next-pattern-color-success{--pattern-ink: hsl(var(--success));--pattern-accent-a: hsl(var(--success))}.next-pattern-color-warning{--pattern-ink: hsl(var(--warning));--pattern-accent-a: hsl(var(--warning))}.next-pattern-color-destructive{--pattern-ink: hsl(var(--destructive));--pattern-accent-a: hsl(var(--destructive))}.next-pattern-color-foreground{--pattern-ink: hsl(var(--foreground));--pattern-accent-a: hsl(var(--foreground))}.next-pattern-origin-top{--pattern-origin-x: 50%;--pattern-origin-y: 0%;--pattern-fade-angle: to bottom}.next-pattern-origin-bottom{--pattern-origin-x: 50%;--pattern-origin-y: 100%;--pattern-fade-angle: to top}.next-pattern-origin-left{--pattern-origin-x: 0%;--pattern-origin-y: 50%;--pattern-fade-angle: to right}.next-pattern-origin-right{--pattern-origin-x: 100%;--pattern-origin-y: 50%;--pattern-fade-angle: to left}.next-pattern-origin-top-left{--pattern-origin-x: 0%;--pattern-origin-y: 0%;--pattern-fade-angle: to bottom right}.next-pattern-origin-top-right{--pattern-origin-x: 100%;--pattern-origin-y: 0%;--pattern-fade-angle: to bottom left}.next-pattern-origin-bottom-left{--pattern-origin-x: 0%;--pattern-origin-y: 100%;--pattern-fade-angle: to top right}.next-pattern-origin-bottom-right{--pattern-origin-x: 100%;--pattern-origin-y: 100%;--pattern-fade-angle: to top left}.next-pattern-origin-center{--pattern-origin-x: 50%;--pattern-origin-y: 50%;--pattern-fade-angle: to bottom}@media(prefers-reduced-motion:reduce){.next-pattern-diagonal,.next-pattern-crosshatch,.next-pattern-noise{--pattern-intensity: .04}.next-pattern-noise:before{opacity:calc(var(--pattern-opacity) * .5)}}