.skyb{z-index:-1;pointer-events:none;height:640px;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.skyb i{background:radial-gradient(circle closest-side, var(--c) 0%, color-mix(in oklab, var(--c) 50%, transparent) 46%, transparent 100%);border-radius:50%;position:absolute;translate:-50% -50%}.skyb-1{--c:#fff6ee;width:560px;height:560px;top:240px;left:30%}.skyb-2{--c:#ffa53d;opacity:.7;width:560px;height:560px;top:30px;left:98%}.skyb-3{--c:#8fb2e6;opacity:.75;width:640px;height:640px;top:520px;left:-6%}@media (width>=900px){.skyb-1{width:760px;height:760px;left:40%}.skyb-2{width:760px;height:760px;left:92%}.skyb-3{width:820px;height:820px;left:4%}}.skyb-g{mix-blend-mode:overlay;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;position:absolute;inset:0}
