.bg-navy{background:radial-gradient(80% 70% at 60% 40%, var(--glow) 0%, var(--ink-2) 55%, var(--ink) 100%)}.bg-navy:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:calc(80px * var(--bd-k,1)) calc(80px * var(--bd-k,1));position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 55%,#000 25%,#0000 95%);mask-image:radial-gradient(70% 60% at 50% 55%,#000 25%,#0000 95%)}[data-backdrop=gradient] .bg-navy{background:radial-gradient(70% 90% at 100% 0%, rgb(var(--accent-2-rgb) / .38), transparent 65%), linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 40%, rgb(var(--accent-rgb) / .6) 100%)}[data-backdrop=aurora] .bg-navy{background:radial-gradient(60% 55% at 15% 105%, rgb(var(--accent-rgb) / .62), transparent 70%), radial-gradient(55% 50% at 80% 100%, rgb(var(--accent-2-rgb) / .5), transparent 70%), radial-gradient(90% 60% at 55% -10%, var(--glow), transparent 70%), var(--ink)}[data-backdrop=plain] .bg-navy{background:linear-gradient(180deg, var(--ink-2) 0%, var(--ink) 100%)}:is([data-backdrop=gradient],[data-backdrop=aurora],[data-backdrop=plain]) .bg-navy:after{content:none}[data-backdrop=grid] .bg-navy:after{background-image:linear-gradient(rgb(var(--accent-rgb) / .22) 1.5px, transparent 1.5px), linear-gradient(90deg, rgb(var(--accent-rgb) / .22) 1.5px, transparent 1.5px);background-size:calc(96px * var(--bd-k,1)) calc(96px * var(--bd-k,1));-webkit-mask-image:radial-gradient(75% 70%,#000 20%,#0000 90%);mask-image:radial-gradient(75% 70%,#000 20%,#0000 90%)}[data-backdrop=dots] .bg-navy:after{background-image:radial-gradient(circle, rgb(var(--accent-rgb) / .6) max(1px, calc(2px * var(--bd-k,1))), transparent max(1.4px, calc(2.6px * var(--bd-k,1))));background-size:calc(44px * var(--bd-k,1)) calc(44px * var(--bd-k,1));-webkit-mask-image:radial-gradient(80% 75%,#000 15%,#0000 85%);mask-image:radial-gradient(80% 75%,#000 15%,#0000 85%)}[data-backdrop=rings] .bg-navy:after{background-image:repeating-radial-gradient(circle at 50% 120%, transparent 0 calc(70px * var(--bd-k,1)), rgb(var(--accent-rgb) / .24) calc(70px * var(--bd-k,1)) calc(70px * var(--bd-k,1) + 2.5px));background-size:auto;-webkit-mask-image:linear-gradient(#0000 15%,#000 100%);mask-image:linear-gradient(#0000 15%,#000 100%)}[data-backdrop=lines] .bg-navy:after{background-image:repeating-linear-gradient(135deg, #ffffff12 0 2.5px, transparent 2.5px calc(28px * var(--bd-k,1)));background-size:auto;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 90%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 90%)}