.nextButton{color:hsla(0,0%,100%,.4)}.w-based-on-height{width:150%;height:100%}.square-based-on-height{width:auto;height:100%;aspect-ratio:1/1}.container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;gap:0 0;grid-template-areas:". . . ." ". . . ." ". . . ." ". . . ."}.blobby-background{background:linear-gradient(45deg,var(--gradient-color-1) 0,var(--gradient-color-2) 50%,#81d4fa 100%);background-size:400% 400%}.blobby-background,.blobby-background-variant{animation:blob-animation 6s ease-in-out infinite;filter:blur(.5px)}.blobby-background-variant{background:linear-gradient(45deg,var(--gradient-color-4) 0,var(--gradient-color-5) 50%,var(--gradient-color-6) 100%);background-size:400% 400%}@keyframes blob-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes blob-animation-variant{0%{background-position:0 0}33%{background-position:100% 50%}66%{background-position:50% 100%}to{background-position:0 0}}.bubble{position:absolute;border-radius:9999px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(6px);animation:float-bubble-random 10s ease-in-out infinite;pointer-events:none;opacity:.7}.blob1{width:86%;aspect-ratio:1;left:10%;bottom:10%;animation-delay:0s;animation-duration:20s;filter:blur(35px);background:linear-gradient(45deg,var(--gradient-color-5),var(--gradient-color-5),var(--gradient-color-6))}.blob2{width:46%}.blob2,.blob3{aspect-ratio:1;left:10%;bottom:10%;animation-delay:0s;animation-duration:20s;filter:blur(35px);background:linear-gradient(45deg,var(--gradient-color-4),var(--gradient-color-5),var(--gradient-color-6))}.blob3{width:96%}.blob4{width:46%;aspect-ratio:1;left:10%;bottom:10%;animation-delay:0s;animation-duration:20s;filter:blur(35px);background:linear-gradient(45deg,var(--gradient-color-3),var(--gradient-color-4),var(--gradient-color-6))}@keyframes float-bubble-random{0%{transform:translate(0) scale(1);opacity:.6}20%{transform:translate(20px,-30px) scale(1.05)}40%{transform:translate(-25px,-60px) scale(.95);opacity:.5}60%{transform:translate(30px,-90px) scale(1.1)}80%{transform:translate(-15px,-120px) scale(1);opacity:.6}to{transform:translateY(-150px) scale(1)}}