.gradient-bg{position:absolute;inset:0;overflow:hidden;z-index:0;border-radius:inherit}.gradient-blob{position:absolute;border-radius:10%;opacity:.25;filter:blur(350px);will-change:transform}.blob-cyan-1,.blob-emerald-1,.blob-emerald-2,.blob-zinc-1{background-color:#71717a}@keyframes moveBlob1{0%,to{transform:translate(-10%,-10%) scale(1)}25%{transform:translate(30%,-40%) scale(1.2)}50%{transform:translate(-20%,40%) scale(.8)}75%{transform:translate(40%,10%) scale(1.1)}}@keyframes moveBlob2{0%,to{transform:translate(10%,10%) scale(1)}25%{transform:translate(-40%,20%) scale(1.1)}50%{transform:translate(30%,-30%) scale(.9)}75%{transform:translate(-10%,-50%) scale(1.2)}}@keyframes moveBlob3{0%,to{transform:translate(-20%,20%) scale(1.2)}25%{transform:translate(30%,60%) scale(1)}50%{transform:translate(-50%,-20%) scale(1.3)}75%{transform:translate(20%,-30%) scale(.9)}}@keyframes moveBlob4{0%,to{transform:translate(15%,-15%) scale(.9)}25%{transform:translate(-60%,-10%) scale(1.1)}50%{transform:translate(20%,50%) scale(1)}75%{transform:translateY(-40%) scale(1.2)}}.blob-1{width:400px;height:400px;left:-100px;top:-100px;animation:moveBlob1 60s ease-in-out infinite alternate}.blob-2{width:450px;height:450px;right:-150px;top:40%;animation:moveBlob2 65s ease-in-out infinite alternate;animation-delay:-15s}.blob-3{width:350px;height:350px;left:20%;bottom:-120px;animation:moveBlob3 70s ease-in-out infinite alternate;animation-delay:-25s}.blob-4{width:300px;height:300px;left:60%;top:10%;animation:moveBlob4 55s ease-in-out infinite alternate;animation-delay:-10s}.global-gradient-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-20}html.dark .global-gradient-bg{display:block}