.cloud-transition{z-index:2;pointer-events:none;background:var(--white);width:100%;height:100vh;min-height:100dvh;transition:transform var(--cloud-ms,1.5s) cubic-bezier(.3,0,.2,1);position:fixed;inset:0;overflow:hidden;transform:translateY(100%)}.cloud-transition.cloud-up{transform:translateY(0)}.cloud-transition--sweep{--cloud-ms:.9s;z-index:70;pointer-events:auto}.cloud-transition.cloud-entry-start{transition:none;transform:translateY(0)}.cloud-fade{pointer-events:none;background:linear-gradient(180deg,#fff0 0%,var(--white) 100%);z-index:5;height:50%;position:absolute;top:0;left:0;right:0}.cloud{background:var(--white);border-radius:var(--pill);filter:drop-shadow(0 4px 12px #00000026);position:absolute}.cloud:before,.cloud:after{content:"";background:var(--white);border-radius:50%;position:absolute}.cloud.cl-1{width:340px;height:70px;animation:8s ease-in-out infinite float-r;top:30px;left:-3%}.cloud.cl-1:before{width:110px;height:90px;top:-45px;left:40px}.cloud.cl-1:after{width:140px;height:100px;top:-50px;left:150px}.cloud.cl-2{width:280px;height:60px;animation:7s ease-in-out infinite float-l;top:55px;right:-2%}.cloud.cl-2:before{width:90px;height:75px;top:-38px;left:35px}.cloud.cl-2:after{width:120px;height:85px;top:-42px;left:125px}.cloud.cl-3{width:360px;height:75px;animation:9s ease-in-out infinite float-r;top:90px;left:25%}.cloud.cl-3:before{width:130px;height:100px;top:-50px;left:45px}.cloud.cl-3:after{width:150px;height:105px;top:-52px;left:170px}.cloud.cl-4{opacity:.92;width:230px;height:55px;animation:6s ease-in-out infinite float-r;top:130px;left:-4%}.cloud.cl-4:before{width:80px;height:65px;top:-32px;left:25px}.cloud.cl-4:after{width:100px;height:70px;top:-35px;left:100px}.cloud.cl-5{width:300px;height:65px;animation:7.5s ease-in-out infinite float-l;top:125px;right:8%}.cloud.cl-5:before{width:100px;height:80px;top:-40px;left:35px}.cloud.cl-5:after{width:130px;height:90px;top:-45px;left:140px}.cloud.cl-6{width:380px;height:70px;animation:8s ease-in-out infinite float-l;top:165px;left:10%}.cloud.cl-6:before{width:130px;height:95px;top:-48px;left:50px}.cloud.cl-6:after{width:155px;height:100px;top:-50px;left:185px}.cloud.cl-7{opacity:.95;width:260px;height:60px;animation:6.5s ease-in-out infinite float-r;top:180px;right:-2%}.cloud.cl-7:before{width:85px;height:70px;top:-35px;left:30px}.cloud.cl-7:after{width:110px;height:78px;top:-38px;left:115px}.cloud.cl-8{width:320px;height:65px;animation:7s ease-in-out infinite float-r;top:215px;left:5%}.cloud.cl-8:before{width:100px;height:80px;top:-40px;left:40px}.cloud.cl-8:after{width:130px;height:90px;top:-45px;left:145px}.cloud.cl-9{opacity:.9;width:220px;height:50px;animation:8.5s ease-in-out infinite float-l;top:75px;right:22%}.cloud.cl-9:before{width:75px;height:60px;top:-30px;left:25px}.cloud.cl-9:after{width:95px;height:65px;top:-32px;left:95px}.cloud.cl-10{width:340px;height:65px;animation:9s ease-in-out infinite float-l;top:245px;left:30%}.cloud.cl-10:before{width:110px;height:85px;top:-42px;left:45px}.cloud.cl-10:after{width:135px;height:95px;top:-47px;left:160px}