.hero-pattern{--s:100px;--c1:#fff;--c2:#f5f5f5;--_s:calc(2 * var(--s)) calc(2 * var(--s));--_g:var(--_s) conic-gradient(at 40% 40%, #0000 75%, var(--c1) 0);--_p:var(--_s) conic-gradient(at 20% 20%, #0000 75%, var(--c2) 0);background:calc(.9*var(--s)) calc(.9 * var(--s))/var(--_p),calc(-.1*var(--s)) calc(-.1 * var(--s))/var(--_p),calc(.7*var(--s)) calc(.7 * var(--s))/var(--_g),calc(-.3*var(--s)) calc(-.3 * var(--s))/var(--_g),conic-gradient(from 90deg at 20% 20%, var(--c2) 25%, var(--c1) 0) 0 0/var(--s) var(--s),radial-gradient(circle, white 0%, #ffffffb3 50%) center/cover no-repeat;animation:3s infinite m;box-shadow:inset 0 0 100px 50px #fff}html.dark .hero-pattern{--c1:#1a1a1a;--c2:#2b2b2b;box-shadow:inset 0 0 100px 50px #000}@keyframes m{0%{background-position:calc(.9*var(--s)) calc(.9*var(--s)),calc(-.1*var(--s)) calc(-.1*var(--s)),calc(.7*var(--s)) calc(.7*var(--s)),calc(-.3*var(--s)) calc(-.3*var(--s)),center}50%{background-position:calc(1.9*var(--s)) calc(.9*var(--s)),calc(-1.1*var(--s)) calc(-.1*var(--s)),calc(1.7*var(--s)) calc(.7*var(--s)),calc(-1.3*var(--s)) calc(-.3*var(--s)),center}to{background-position:calc(2.9*var(--s)) calc(-1.1*var(--s)),calc(-2.1*var(--s)) calc(1.9*var(--s)),calc(2.7*var(--s)) calc(-1.3*var(--s)),calc(-2.3*var(--s)) calc(1.7*var(--s)),center}}
.general-pattern{isolation:isolate;background-image:repeating-linear-gradient(90deg, var(--pattern-color) 0px, var(--pattern-color) 1px, transparent 1px, transparent 21px, var(--pattern-color) 21px, var(--pattern-color) 22px, transparent 22px, transparent 72px),repeating-linear-gradient(0deg, var(--pattern-color) 0px, var(--pattern-color) 1px, transparent 1px, transparent 21px, var(--pattern-color) 21px, var(--pattern-color) 22px, transparent 22px, transparent 72px),repeating-linear-gradient(135deg, var(--pattern-color) 0px, var(--pattern-color) 1px, transparent 1px, transparent 21px, var(--pattern-color) 21px, var(--pattern-color) 22px, transparent 22px, transparent 72px),linear-gradient(90deg, var(--background), var(--background));--pattern-color:#baa0ba0f;position:relative;box-shadow:inset 0 0 100px 50px #fff}html.dark .general-pattern{--pattern-color:#5e455f26;box-shadow:inset 0 0 100px 50px var(--background)}.general-pattern:before{content:"";background:var(--background);width:100%;height:200px;box-shadow:0 0 10px 10px var(--background);filter:blur(50px);z-index:20;will-change:auto;backface-visibility:hidden;contain:layout style paint;position:absolute;top:-80px;left:0;transform:translateZ(0)}