.bgb{--bgb-speed:1;--bgb-loop:calc(26s / var(--bgb-speed));--bgb-grain:.4;isolation:isolate;contain:paint;pointer-events:none;background:var(--bgb-base);position:absolute;inset:0;overflow:hidden}.bgb[data-variant=dark]{--bgb-base:var(--navy-900);--bgb-deep:var(--navy-800);--bgb-blue:var(--navy-700);--bgb-peri:var(--navy-600);--bgb-lav:var(--navy-500);--bgb-soft-opacity:.9;--bgb-edge-opacity:.6;--bgb-glow-opacity:.7}.bgb[data-variant=dark-blue]{--bgb-base:var(--blue-900);--bgb-deep:var(--blue-800);--bgb-blue:var(--blue-700);--bgb-peri:var(--blue-600);--bgb-lav:var(--blue-500);--bgb-soft-opacity:.9;--bgb-edge-opacity:.6;--bgb-glow-opacity:.7}.bgb[data-variant=light]{--bgb-base:var(--navy-50);--bgb-deep:var(--navy-100);--bgb-blue:var(--navy-200);--bgb-peri:var(--navy-100);--bgb-lav:var(--navy-50);--bgb-soft-opacity:.8;--bgb-edge-opacity:.6;--bgb-glow-opacity:.7}.bgb[data-variant=light-blue]{--bgb-base:var(--blue-50);--bgb-deep:var(--blue-100);--bgb-blue:var(--blue-200);--bgb-peri:var(--blue-100);--bgb-lav:var(--blue-50);--bgb-soft-opacity:.8;--bgb-edge-opacity:.6;--bgb-glow-opacity:.7}.bgb-wash{background:linear-gradient(160deg, var(--bgb-base) 0%, var(--bgb-base) 38%, color-mix(in srgb, var(--bgb-deep) 55%, var(--bgb-base)) 100%);position:absolute;inset:0}.bgb-ribbon{will-change:transform, background-position;filter:blur(var(--bgb-blur,2px));animation-duration:var(--bgb-loop);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.bgb-ribbon-sweep{background:linear-gradient(100deg, var(--bgb-blue) 0%, var(--bgb-peri) 58%, transparent 100%);width:115%;height:85%;opacity:var(--bgb-soft-opacity);animation-name:bgb-sweep;animation-delay:calc(var(--bgb-loop) * -.1);border-radius:50%;top:38%;left:-35%;transform:translate(0,0)rotate(-24deg)scale(1);-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000 100%);mask-image:radial-gradient(closest-side,#000 40%,#0000 100%)}.bgb-ribbon-band{background:linear-gradient(120deg, var(--bgb-peri) 0%, var(--bgb-lav) 55%, var(--bgb-blue) 100%);width:125%;height:52%;opacity:var(--bgb-edge-opacity);animation-name:bgb-band;animation-delay:calc(var(--bgb-loop) * -.45);background-position:0%;background-size:200% 100%;border-radius:50%/62% 62% 38% 38%;top:-18%;left:8%;transform:translate(0,0)rotate(-17deg)scale(1)}.bgb-ribbon-glow{background:radial-gradient(closest-side, var(--bgb-lav) 0%, color-mix(in srgb, var(--bgb-peri) 60%, transparent) 45%, transparent 100%);width:85%;height:62%;opacity:var(--bgb-glow-opacity);animation-name:bgb-glow;animation-delay:calc(var(--bgb-loop) * -.7);border-radius:50%;top:-22%;right:-28%;transform:translate(0,0)rotate(-32deg)scale(1)}.bgb-ribbon-ridge{background:linear-gradient(90deg, var(--bgb-deep) 0%, var(--bgb-blue) 62%, var(--bgb-peri) 100%);opacity:.9;width:135%;height:56%;animation-name:bgb-ridge;animation-delay:calc(var(--bgb-loop) * -.25);background-position:0%;background-size:180% 100%;border-radius:50% 50% 0 0/100% 100% 0 0;bottom:-30%;left:-18%;transform:translate(0,0)rotate(-7deg)scale(1)}.bgb-ribbon-thread{background:linear-gradient(90deg, transparent 0%, var(--bgb-lav) 35%, var(--bgb-peri) 70%, transparent 100%);opacity:.4;width:145%;height:16%;animation-name:bgb-thread;animation-delay:calc(var(--bgb-loop) * -.6);background-position:0%;background-size:200% 100%;border-radius:50%;top:46%;left:-22%;transform:translate(0,0)rotate(-27deg)scale(1)}.bgb-grain{opacity:var(--bgb-grain);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='1 0 0 0 0  1 0 0 0 0  1 0 0 0 0  0 0 0 0 1'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px;position:absolute;inset:0}@keyframes bgb-sweep{0%,to{transform:translate(0,0)rotate(-24deg)scale(1)}50%{transform:translate(7%,-6%)rotate(-20deg)scale(1.09)}}@keyframes bgb-band{0%,to{background-position:0%;transform:translate(0,0)rotate(-17deg)scale(1)}50%{background-position:100%;transform:translate(-6%,8%)rotate(-14deg)scale(1.06,1.12)}}@keyframes bgb-glow{0%,to{transform:translate(0,0)rotate(-32deg)scale(1)}50%{transform:translate(-8%,10%)rotate(-26deg)scale(1.12,.94)}}@keyframes bgb-ridge{0%,to{background-position:0%;transform:translate(0,0)rotate(-7deg)scale(1)}50%{background-position:100%;transform:translate(5%,-7%)rotate(-4deg)scale(1.05,1.14)}}@keyframes bgb-thread{0%,to{background-position:0%;transform:translate(0,0)rotate(-27deg)scale(1)}50%{background-position:100%;transform:translate(4%,-9%)rotate(-23deg)scale(1.06,1.4)}}.bgb[data-lite] .bgb-ribbon{filter:none}.bgb[data-lite] .bgb-ribbon-band{animation-name:bgb-band-lite}.bgb[data-lite] .bgb-ribbon-ridge{animation-name:bgb-ridge-lite}.bgb[data-lite] .bgb-ribbon-thread{animation-name:bgb-thread-lite}@keyframes bgb-band-lite{0%,to{transform:translate(0,0)rotate(-17deg)scale(1)}50%{transform:translate(-6%,8%)rotate(-14deg)scale(1.06,1.12)}}@keyframes bgb-ridge-lite{0%,to{transform:translate(0,0)rotate(-7deg)scale(1)}50%{transform:translate(5%,-7%)rotate(-4deg)scale(1.05,1.14)}}@keyframes bgb-thread-lite{0%,to{transform:translate(0,0)rotate(-27deg)scale(1)}50%{transform:translate(4%,-9%)rotate(-23deg)scale(1.06,1.4)}}@media (prefers-reduced-motion:reduce){.bgb-ribbon{animation:none}}