:root{--color-sky-light:#ffd2bc;--color-sky-dark:#f8b9ae;--color-tree-dark:#365e57;--color-rock-dark:#2f484f;--color-rock-light:#917472;--color-flame-yellow:#fde26c;--color-flame-orange:#fda263}.campfire-scene{background:linear-gradient(var(--color-sky-light),var(--color-sky-dark));box-sizing:border-box;-webkit-mask-composite:source-in;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;display:flex;-webkit-mask-image:linear-gradient(340deg,#000 0% 150px,#0000 350px),linear-gradient(225deg,#000 0% 150px,#0000 1000px);mask-image:linear-gradient(340deg,#000 0% 150px,#0000 350px),linear-gradient(225deg,#000 0% 150px,#0000 1000px);-webkit-mask-composite:source-in;mask-composite:intersect}.campfire-scene *,.campfire-scene :before,.campfire-scene :after{box-sizing:border-box;transition:all .2s}.campfire-scene :before,.campfire-scene :after{content:"";position:absolute}.campfire-scene:before{content:"";opacity:.4;z-index:1000;pointer-events:none;background-image:url(data:image/png;base64,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);width:100%;height:100%;position:absolute}.campfire-wrapper{transform-origin:bottom;width:500px;height:400px;position:relative;transform:scale(1)}.tree-container-front,.tree-container-back{height:200px;position:absolute;bottom:0}.tree-container-front{width:390px}.tree-container-back{width:110px;right:0}.tree-container-front>div,.tree-container-back>div{border-bottom-color:var(--color-tree-dark);border-bottom-style:solid;border-left-style:solid;border-left-color:#0000;border-right-style:solid;border-right-color:#0000;width:0;height:0;position:absolute}.tree-container-front>div:before,.tree-container-back>div:before{border-top-color:var(--color-tree-dark);opacity:.5;border-top-style:solid;border-left-style:solid;border-left-color:#0000;border-right-style:solid;border-right-color:#0000;width:0;height:0;position:absolute;transform:skew(-70deg)}.tree-1,.tree-2,.tree-10{border-bottom-width:32px;border-left-width:6px;border-right-width:6px;bottom:68px;left:80px}.tree-1:before,.tree-2:before,.tree-10:before{border-top-width:13px;border-left-width:6px;border-right-width:6px;margin-top:32px;left:-24px}.tree-2{left:160px}.tree-3,.tree-4,.tree-5,.tree-6,.tree-7,.tree-8,.tree-9{border-bottom-width:56px;border-left-width:6px;border-right-width:6px;bottom:72px;left:172px}.tree-3:before,.tree-4:before,.tree-5:before,.tree-6:before,.tree-7:before,.tree-8:before,.tree-9:before{border-top-width:23px;border-left-width:6px;border-right-width:6px;margin-top:56px;left:-38px}.tree-4{bottom:64px;left:238px}.tree-4:before{border-top-width:13px;left:-24px}.tree-5{bottom:76px;left:334px}.tree-5:before{border-top-width:18px;left:-31px}.tree-6{bottom:100px;left:362px}.tree-6:before{border-top-width:12px;left:-22px}.tree-7{bottom:110px;left:368px}.tree-7:before{border-top-width:15px;left:-26px}.tree-8{bottom:120px;left:6px}.tree-9{bottom:115px;left:12px}.tree-9:before,.tree-8:before{border-top-width:0}.tree-10{bottom:130px;left:34px}.tree-10:before{border-top-width:10px;left:-20px}.rock-container{width:180px;height:100px;position:absolute;bottom:66px;right:40px}.rock-big{background-image:radial-gradient(circle at bottom right,var(--color-rock-light)20%,var(--color-rock-dark)60%);border-radius:74px 74px 0 0;width:74px;height:38px;position:absolute;bottom:46px;left:80px}.rock-big:before{background-color:var(--color-rock-light);opacity:.6;border-radius:0 0 74px 74px;width:74px;height:18px;margin-top:38px;position:absolute;left:-25px;transform:skew(-70deg)}.rock-small>div{border-radius:6px 6px 0 0;width:12px;height:6px;position:absolute}.rock-small>div:before{background-color:var(--color-rock-light);opacity:.5;position:absolute;transform:skew(-70deg)}.rock-1,.rock-2,.rock-3,.rock-4{background-image:radial-gradient(circle at bottom right,var(--color-rock-light)20%,var(--color-rock-dark)90%);bottom:44px;left:70px}.rock-1:before,.rock-2:before,.rock-3:before,.rock-4:before{border-radius:0 0 6px 6px;width:12px;height:6px;margin-top:6px;left:-8px}.rock-2,.rock-3{background-image:radial-gradient(circle at bottom right,var(--color-rock-light)60%,var(--color-rock-dark))}.rock-2{bottom:36px;left:48px}.rock-3{bottom:28px;left:30px}.rock-4{bottom:16px;left:24px}.smoke-container{width:200px;height:630px;position:absolute;bottom:86px;left:270px;-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fire-container{transform-origin:50%;background:0 0;border-radius:50%;width:42px;height:42px;animation:3s infinite alternate campfire-flicker;position:absolute;bottom:86px;left:300px;transform:rotate(-5deg);box-shadow:0 0 30px #ffffffb3}.campfire-smoke-layer{justify-content:flex-end;align-items:flex-end;display:flex}.flame-1{border:10px solid #0000;border-bottom:34px solid var(--color-flame-yellow);opacity:.4;width:0;height:0;position:absolute;top:-30px;left:10px}.flame-1:after{content:"";border:10px solid #0000;border-top:16px solid var(--color-flame-yellow);width:0;height:0;position:absolute;top:34px;left:-10px}.flame-2{border:4px solid #0000;border-bottom:12px solid var(--color-flame-orange);opacity:.8;width:0;height:0;position:absolute;top:6px;left:16px}.flame-2:after{content:"";border:4px solid #0000;border-top:8px solid var(--color-flame-orange);width:0;height:0;position:absolute;top:12px;left:-4px}.flame-3{border:1px solid #0000;border-bottom:4px solid var(--color-sky-light);opacity:.9;width:0;height:0;position:absolute;top:20px;left:19px}.flame-3:after{content:"";border:1px solid #0000;border-top:4px solid var(--color-sky-light);width:0;height:0;position:absolute;top:4px;left:-1px}@keyframes campfire-flicker{0%{transform:rotate(-1deg)}20%{transform:rotate(1deg)}40%{transform:rotate(-1deg)}60%{transform:rotate(1deg)scale(1.1)}80%{transform:rotate(-2deg)scale(1)}to{transform:rotate(1deg)}}.smoke-container svg{width:200px;height:600px;position:absolute;top:0}.smoke-container svg path{fill:none;stroke:#fff;opacity:.3;stroke-width:5px;stroke-dasharray:500 100;stroke-linecap:round;animation:3s linear infinite campfire-dash}@keyframes campfire-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:600px}}.house{--house-left:170px;--house-bottom:120px;--house-scale:.5;bottom:var(--house-bottom);left:var(--house-left);z-index:4;transform:scale(var(--house-scale));transform-origin:0 100%;position:absolute}.house:after{content:"";background:var(--color-rock-light);transform-origin:0 0;opacity:.5;width:150px;height:40px;position:absolute;top:100%;left:108px;transform:skew(-70deg)}.house-right{background:#feb458;width:100px;height:60px;position:absolute;bottom:0;left:158px}.house-right:before{content:"";background:#dd8228;width:100px;height:2px;position:absolute;bottom:58px;left:0}.house-right .house-window-right,.house-right .house-window-left{background:#5f2d4b;border-right:3px solid #834d65;width:13px;height:22px;position:absolute;bottom:16px}.house-right .house-window-right{right:20px}.house-right .house-window-left{right:60px}.house-left{background:#ffd888;width:50px;height:60px;position:absolute;bottom:0;left:108px}.house-left:before{content:"";border-bottom:44px solid #ffd888;border-left:24px solid #0000;border-right:27px solid #0000;position:absolute;bottom:60px;left:0}.house-left .house-door{background:#834d65;border-left:5px solid #5f2d4b;width:20px;height:40px;position:absolute;bottom:0;right:16px}.house-left .house-door:before{content:"";background:#feb458;border-radius:100%;width:15px;height:15px;position:absolute;bottom:52px;right:1px}.house-roof-right{background:#5f2d4b;width:100px;height:43px;position:absolute;bottom:65px;left:148px;transform:skew(30deg)}.house-roof-right:before{content:"";background:#5f2d4b;width:100px;height:5px;position:absolute;bottom:-5px;left:-3px;transform:skew(-50deg)}.house-roof-right:after{content:"";background:#834d65;width:48px;height:7px;position:absolute;bottom:14px;left:-27px;transform:rotate(90deg)skew(23deg)}.house-roof-left{background:#834d65;width:57px;height:7px;position:absolute;bottom:78px;left:91px;transform:rotate(-56deg)skew(-12deg)}.house-chimney{z-index:-1;background:#dd8228;width:20px;height:120px;position:absolute;bottom:0;left:125px}.house-chimney:before{content:"";background:#feb458;width:10px;height:120px;position:absolute;bottom:0;left:0}
@property --glass{syntax:"<angle>";inherits:false;initial-value:337deg}.city-scene *{transform-style:preserve-3d;box-sizing:border-box}.city-scene{--city-min-width:1170px;width:100%;min-width:var(--city-min-width);--cbz:cubic-bezier(.68,-.55,.27,1.55);justify-content:center;align-items:flex-end;height:100%;margin:0;padding:0;display:flex;overflow:hidden;container-type:size}.city-scene .city-content{--frame:#070b32;--bush:#181b38;--dot1:radial-gradient(circle at 50% 50%,var(--bush)0 .25cqmin,#fff0 calc(.25cqmin + 1px)100%);--dot2:radial-gradient(circle at 50% 50%,var(--bush)0 .5cqmin,#fff0 calc(.5cqmin + 1px)100%);--dot3:radial-gradient(circle at 50% 50%,var(--bush)0 1.15cqmin,#fff0 calc(1.15cqmin + 1px)100%);--glass:200deg;--luz1:hsl(var(--glass)60% 50%/60%);--luz2:hsl(var(--glass)54% 32%);--luz3:hsl(var(--glass)54% 25%);justify-content:flex-start;align-items:flex-end;width:100%;height:100%;display:flex}.city-scene .city-building{--building-scale:.7;width:80cqmin;height:100%;transform:scale(var(--building-scale));transform-origin:0 100%;flex-shrink:0;position:relative}.city-scene .city-content:before{content:"";background:linear-gradient(#000,#080212,#341c5e,#50587e,#0079d9,#39a7ff,#70c6ed 100%) 0 10%/100% 300% no-repeat;width:100cqw;height:100%;position:absolute;transform:translateZ(-100cqmin)}.city-scene .city-content:after{content:"";--s1:radial-gradient(.1cqmin .1cqmin at 50% 50%,#fff,#fff0);--s2:radial-gradient(.2cqmin .2cqmin at 50% 50%,#fff,#fff0);background-image:var(--s1),var(--s1),var(--s1),var(--s2),var(--s2),var(--s1),var(--s2),var(--s1),var(--s2),var(--s1),var(--s2),var(--s1),var(--s2),var(--s1),var(--s1),var(--s2),var(--s2),var(--s1),var(--s1),var(--s2),var(--s1),var(--s1);filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 5px #fff);background-position:-8% -10%;background-repeat:repeat-x;background-size:26% 25%,43.33% 33.33%,50% 80%,20% 20%,33.33% 75.33%,26% 73%,39.33% 22%,33.33% 26%,31% 32%,14.33% 35.33%,18.33% 62.33%,39.33% 86.33%,29.33% 69%,12.33% 30.33%,29.33% 41.33%,22.33% 46.33%,35.33% 27.33%,22.33% 39.33%,20.33% 44.33%,33.33% 56.33%;width:100cqw;height:200%;position:absolute;top:-100%;transform:translateZ(-100cqmin)}.city-scene .moon-sun{filter:drop-shadow(0 1px 6cqmin #6493a9)drop-shadow(0 1px 6cqmin #fdfdfd);background:radial-gradient(circle at 26% 71%,#fff 8%,#fff0 12%),radial-gradient(circle at 23% 75%,#ccc 0% 1%,#fff0 10%),radial-gradient(circle at 14% 42%,#fdfdfd 7%,#fff0 11%),radial-gradient(circle at 12% 45%,#ccc 0%,#fff0 7%),radial-gradient(circle at 23% 57%,#f9f9f9 2%,#fff0 6%),radial-gradient(circle at 22% 58%,#ccc -2%,#fff0 4%),radial-gradient(circle at 83% 25%,#fff0 10cqmin,#fff calc(10cqmin + 1px));border-radius:100%;width:18cqmin;height:18cqmin;margin-left:15cqmin;position:absolute;bottom:75cqmin}.city-scene .cuboid{--width:20;--depth:20;--height:20;--hue:235;--sat:25%;height:calc(var(--height)*1cqmin);width:calc(var(--width)*1cqmin);position:absolute;transform:rotateY(-8deg)rotateX(5deg)translateZ(-24cqmin)}.city-scene .cuboid .side{border-radius:1px;width:100%;height:100%;position:absolute;top:50%;left:50%}.city-scene .cuboid .side:first-of-type{--sat:40%;transform:translate3d(-50%,-50%,calc(var(--depth)*.5cqmin));background:hsl(var(--hue),var(--sat),18%)}.city-scene .cuboid .side:nth-of-type(2){transform:translate3d(-50%,-50%,calc(var(--depth)*-.5cqmin))rotateY(180deg);background:hsl(var(--hue),var(--sat),35%)}.city-scene .cuboid .side:nth-of-type(3){width:calc(var(--depth)*1cqmin);transform:translate(-50%,-50%)rotateY(90deg)translate3d(0,0,calc(var(--width)*.5cqmin));background:hsl(var(--hue),var(--sat),35%)}.city-scene .cuboid .side:nth-of-type(4){width:calc(var(--depth)*1cqmin);transform:translate(-50%,-50%)rotateY(-90deg)translate3d(0,0,calc(var(--width)*.5cqmin));background:hsl(var(--hue),var(--sat),40%)}.city-scene .cuboid .side:nth-of-type(5){--sat:60%;height:calc(var(--depth)*1cqmin);transform:translate(-50%,-50%)rotateX(90deg)translate3d(0,0,calc(var(--height)*.5cqmin));background:hsl(var(--hue),var(--sat),10%)}.city-scene .cuboid .side:nth-of-type(6){--sat:60%;height:calc(var(--depth)*1cqmin);transform:translate(-50%,-50%)rotateX(-90deg)translate3d(0,0,calc(var(--height)*.5cqmin));background:hsl(var(--hue),var(--sat),10%)}.city-scene .floor{--width:40;--depth:89;--height:8;--lines-front:repeating-linear-gradient(90deg,var(--luz1)0% calc(100% - .275cqmin),var(--frame)calc(100% - .275cqmin)100%);--lines-side:repeating-linear-gradient(90deg,var(--luz1)0% calc(100% - 1.5cqmin),var(--frame)calc(100% - 1.5cqmin)100%);bottom:-5cqmin;left:16cqmin}.city-scene .floor .side{border:3px solid var(--frame)}.city-scene .floor.two{bottom:5cqmin}.city-scene .floor.three{bottom:15cqmin}.city-scene .floor.four{bottom:25cqmin}.city-scene .floor.five{bottom:35cqmin}.city-scene .floor.six{bottom:45cqmin}.city-scene .floor.seven{bottom:55cqmin}.city-scene .floor.eight{bottom:65cqmin}.city-scene .floor .side:first-of-type{background:conic-gradient(from 116deg at 0 0,var(--luz2)0 25%,#fff0 0 100%),linear-gradient(31deg,#fff0 60%,var(--luz2)61%),linear-gradient(31deg,#fff0 20%,var(--luz2)21%),linear-gradient(31deg,var(--luz1)65%,var(--luz2)21%),linear-gradient(90deg,var(--luz1)19.5%,#fff0 19.5% 20%,var(--luz1)20.5% 39.5%,#fff0 40% 61%,var(--luz3)61% 80.25%,#fff0 80% 81%,var(--luz2)81% 100%);background-position:79.75% 100%,0 0,25% 0,75.4% 0,0 0;background-repeat:no-repeat;background-size:2.5% 51%,19.5% 100%,19.5% 100%,19.5% 100%,100% 100%}.city-scene .floor .side:nth-of-type(3){background:var(--lines-side),hsl(var(--hue)var(--sat)75%/.5);background-size:35.45% 100%}.city-scene .floor .side:nth-of-type(4){background:var(--lines-side),hsl(var(--hue)var(--sat)40%/.5);background-size:35.45% 100%}.city-scene .roof{--height:3;--width:42;--depth:100;bottom:3cqmin;left:16cqmin;transform:rotateY(-8deg)rotateX(5deg)translateZ(-18cqmin)}.city-scene .roof.two{bottom:13cqmin}.city-scene .roof.three{bottom:23cqmin}.city-scene .roof.four{bottom:33cqmin}.city-scene .roof.five{bottom:43cqmin}.city-scene .roof.six{bottom:53cqmin}.city-scene .roof.seven{bottom:63cqmin}.city-scene .roof.eight{bottom:73cqmin}.city-scene .air-cooler{--height:3.9;--width:10;--depth:52;bottom:78.5cqmin;left:25cqmin}.city-scene .air-cooler+.air-cooler{--height:2.4;--width:5;--depth:20;bottom:78.5cqmin;left:42cqmin;transform:rotateY(-8deg)rotateX(5deg)translateZ(-7cqmin)}.city-scene .air-cooler .side:first-of-type{border:1px solid #0002}.city-scene .air-cooler .side:first-of-type:before{content:"";background:repeating-linear-gradient(#000,#0a0d29,#434770cc) 0 0/100% 25%;width:calc(100% - 1cqmin);height:calc(100% - 1cqmin);margin:.5cqmin;position:absolute}.city-scene span{background:linear-gradient(32deg,#fff0 17%,var(--luz2)19%),var(--luz1);width:20%;height:100%;position:absolute;left:20%}.city-scene .floor.two .side span:before,.city-scene .floor.five .side span:before{content:"";background:repeating-linear-gradient(#000,#383e70) 0 0/100% .35cqmin;width:calc(100% + 2px);height:30%;position:absolute;top:-1px;left:-1px;box-shadow:inset .01cqmin .75cqmin .15cqmin .125cqmin #0005}.city-scene .floor .side:first-of-type:before,.city-scene .floor .side:first-of-type:after,.city-scene .floor .side:nth-of-type(3):before,.city-scene .floor .side:nth-of-type(3):after{content:"";background:repeating-linear-gradient(180deg,#101010,transparent),repeating-linear-gradient(90deg,#383e70 0 calc(100% - .25cqmin),var(--frame)calc(100% - .25cqmin)100%);background-size:100% .365cqmin,8cqmin 100%;width:40%;height:100%;position:absolute;left:20%}.city-scene .floor .side:first-of-type:after{width:20%;left:80.25%}.city-scene .floor.one .side:first-of-type:before,.city-scene .floor.one .side:first-of-type:after{box-shadow:inset 0 .65cqmin .25cqmin .25cqmin #0006}.city-scene .floor.one .side:first-of-type:after{box-shadow:inset 0 .65cqmin .25cqmin .25cqmin #0006,-7.75cqmin 0 #0a0a0a}.city-scene .floor.two .side:first-of-type:before{width:59.5%;left:40.75%;box-shadow:inset .2cqmin .5cqmin .25cqmin .25cqmin #0006}.city-scene .floor.two .side:first-of-type:after{width:20%;box-shadow:none;background-color:#3d4176;left:-1px;box-shadow:inset 0 .65cqmin .25cqmin .25cqmin #0006}.city-scene .floor.three .side:first-of-type:after{background:#1c1f3e;width:19.75%;left:40.25%;box-shadow:inset .2cqmin .525cqmin .5cqmin .125cqmin #0006}.city-scene .floor.three .side:first-of-type:before{display:none}.city-scene .floor.four .side:first-of-type:before,.city-scene .floor.eight .side:first-of-type:before{content:"";--luz1:#434770;--lines-front:repeating-linear-gradient(90deg,var(--luz1)0% calc(100% - .275cqmin),var(--frame)calc(100% - .275cqmin)100%);background:repeating-linear-gradient(90deg,black,transparent),linear-gradient(91deg,#fff0 35%,#000 calc(36% + 1px)52%,#fff0 52%),linear-gradient(-91deg,#fff0 36%,#000 calc(37% + 1px)55%,#fff0 55%),var(--lines-front),repeating-linear-gradient(90deg,#364e69,#141f59);z-index:1;background-size:.35cqmin 100%,100% 100%,100% 100%,33.6% 100%,4% 100%;width:60%;height:100%;position:absolute;left:40%}.city-scene .floor.four .side:first-child:after{width:81%;left:-1px;box-shadow:inset .05cqmin .7cqmin .25cqmin .125cqmin #0006,7.5cqmin -7.3cqmin #0a0d29}.city-scene .floor.four .side:first-of-type:before{background:repeating-linear-gradient(90deg,black,transparent),linear-gradient(94deg,#fff0 41%,#000 calc(42% + 1px)52%,#fff0 52%),linear-gradient(-95deg,#fff0 45%,#000 calc(46% + 1px)55%,#fff0 55%),var(--lines-front),repeating-linear-gradient(90deg,#364e69,#141f59);background-size:.375cqmin 100%,100% 100%,100% 100%,33.6% 100%,4% 100%;left:0}.city-scene .roof.four .side:first-child:before{content:"";background:radial-gradient(circle at 13% 98%,var(--luz3).5cqmin,#fff0 calc(.5cqmin + 1px)),radial-gradient(circle at 11% 79%,var(--luz3).25cqmin,#fff0 calc(.25cqmin + 1px)),radial-gradient(circle at 16% 84%,var(--luz3).125cqmin,#fff0 calc(.125cqmin + 1px)),radial-gradient(circle at 21% 95%,var(--luz3).25cqmin,#fff0 calc(.25cqmin + 1px)),radial-gradient(circle at 25% 98%,var(--luz3).25cqmin,#fff0 calc(.25cqmin + 1px)),radial-gradient(circle at 28% 91%,var(--luz3).175cqmin,#fff0 calc(.175cqmin + 1px)),radial-gradient(circle at 30% 84%,var(--luz3).175cqmin,#fff0 calc(.175cqmin + 1px)),radial-gradient(circle at 10% 70%,var(--luz3).175cqmin,#fff0 calc(.175cqmin + 1px));width:25%;height:3cqmin;filter:drop-shadow(2cqmin 0cqmin 0px var(--luz3))drop-shadow(3cqmin 0cqmin 0px var(--luz3));background-repeat:no-repeat;position:absolute;top:-3cqmin;left:25cqmin}.city-scene .floor.five .side:first-of-type:before{width:19.25%;left:40.75%}.city-scene .floor.five .side:first-child span:after{content:"";background:var(--luz3);width:2cqmin;height:2cqmin;box-shadow:-2px -20.1cqmin 0 0 var(--luz3);color:#601d44;z-index:3;background-size:100% .35cqmin;position:absolute;top:4.85cqmin;left:29.7cqmin;transform:translateZ(1.8cqmin)}.city-scene .floor.five .side:first-of-type:after{display:none}.city-scene .roof.five .side:nth-child(-n+4):before{content:"";background:var(--dot3),var(--dot2),var(--dot1),var(--dot1),var(--dot1),var(--dot1),var(--dot1),var(--dot1);width:100%;height:3cqmin;filter:drop-shadow(16px 0px 0px var(--bush))drop-shadow(24cqmin 0px 0px var(--bush))drop-shadow(8cqmin 0px 0px var(--bush));background-position:-16.2cqmin 1.825cqmin,-16.7cqmin .5cqmin,-15.72cqmin .65cqmin,-17.57cqmin .5cqmin,-17.2cqmin .25cqmin,-16.5cqmin .1cqmin,-17.4cqmin .95cqmin,-15.175cqmin .95cqmin;background-repeat:no-repeat;position:absolute;top:-3cqmin}.city-scene .floor.six .side:first-of-type:before{background:repeating-linear-gradient(90deg,#101010,transparent),repeating-linear-gradient(90deg,#383e70 0 calc(100% - .25cqmin),var(--frame)calc(100% - .25cqmin)100%);background-size:.25cqmin 100%,8cqmin 100%;width:40.25%;left:-.1cqmin;box-shadow:inset .025cqmin .7cqmin .25cqmin .125cqmin #0006}.city-scene .floor.six .side:first-of-type:after{background:repeating-linear-gradient(90deg,#101010,transparent),repeating-linear-gradient(90deg,#383e70 0 calc(100% - .25cqmin),var(--frame)calc(100% - .25cqmin)100%);background-size:.25cqmin 100%,8cqmin 100%;width:40%;left:60%}.city-scene .floor.six .side span{background:#0a0a0a;width:19%;left:40.5%}.city-scene .floor.seven .side:first-of-type:after{display:none}.city-scene .floor.seven .side:first-of-type:before{box-shadow:inset .15cqmin .65cqmin .25cqmin .125cqmin #0006}.city-scene .floor.eight .side:first-of-type:after{background:repeating-linear-gradient(#000,#0000) 0 0/100% 4%;width:60%;left:40%;box-shadow:inset .025cqmin .65cqmin .5cqmin .25cqmin #0006}.city-scene .floor .side:nth-of-type(3):before,.city-scene .floor .side:nth-of-type(3):after{filter:brightness(1.25);background-size:100% .365cqmin,33cqmin 100%;width:33.95%;box-shadow:inset .025cqmin 1.75cqmin .4cqmin .125cqmin #0006}.city-scene .floor.one .side:nth-of-type(3):before,.city-scene .floor.two .side:nth-of-type(3):before{left:0}.city-scene .floor.one .side:nth-of-type(3):after,.city-scene .floor.two .side:nth-of-type(3):after{left:35.25%}.city-scene .floor.two .side:nth-of-type(3) span,.city-scene .floor.four .side:nth-of-type(3) span{background:linear-gradient(-5deg,#fff0 76%,var(--luz2)calc(76% + 1px)),var(--luz1);width:29%;left:71%}.city-scene .floor.two .side:nth-of-type(3) span:before{width:5cqmin;bottom:.8cqmin;top:inherit;background:var(--luz2);box-shadow:none;left:10cqmin}.city-scene .floor.three .side:nth-of-type(3):before,.city-scene .floor.three .side:nth-of-type(3):after{width:29.25%;left:70.75%}.city-scene .floor.three .side:nth-of-type(3) span{background:#fff0;width:69.5%;left:0}.city-scene .floor.three .side:nth-of-type(3) span:before,.city-scene .floor.three .side:nth-of-type(3) span:after{content:"";background:linear-gradient(175.25deg,var(--luz2)51.5%,var(--luz3)calc(51.5% + 1px)),var(--luz1);width:48.5%;height:100%;position:absolute;left:0}.city-scene .floor.three .side:nth-of-type(3) span:after{background:linear-gradient(175.25deg,var(--luz2)25%,var(--luz3)calc(25% + 1px)),var(--luz1);left:51%}.city-scene .floor.four .side:nth-of-type(3):before,.city-scene .floor.four .side:nth-of-type(3):after{background:repeating-linear-gradient(90deg,#1d1e26,transparent),repeating-linear-gradient(90deg,#383e70 0 calc(100% - .25cqmin),var(--frame)calc(100% - .25cqmin)100%);background-size:2.5cqmin 100%,33cqmin 100%;left:35.25%}.city-scene .floor.four .side:nth-of-type(3):after{background:var(--luz3);box-shadow:none;left:0%}.city-scene .floor.four .side:nth-of-type(3) span:before{content:"";border:2.25cqmin solid #fff0;border-left:5.5cqmin solid var(--luz2);width:2cqmin;height:1cqmin;filter:drop-shadow(0px 2px 0px var(--luz2));border-top:.5cqmin solid #fff0;border-radius:100%;position:absolute;bottom:-.85cqmin;left:6.5cqmin;transform:rotate(-9deg)}.city-scene .floor.four .side:nth-of-type(3) span:after{content:"";background:var(--luz2);border-radius:100%;width:3.5cqmin;height:.65cqmin;position:absolute;bottom:2.55cqmin;left:12.02cqmin}.city-scene .floor.five .side:nth-of-type(3):before,.city-scene .floor.seven .side:nth-of-type(3):before{background:#2c315a;width:34.25%;top:-1px;left:35.25%;box-shadow:inset -1.975cqmin 1.75cqmin 1.5cqmin .125cqmin #0005,inset .025cqmin 1.75cqmin .4cqmin .125cqmin #0002}.city-scene .floor.five .side:nth-of-type(3):after,.city-scene .floor.seven .side:nth-of-type(3):after{background:#2c315a;width:29.25%;top:-1px;left:70.75%;box-shadow:inset -1.975cqmin 1.75cqmin 1.5cqmin .125cqmin #0005,inset .025cqmin 1.75cqmin .4cqmin .125cqmin #0002}.city-scene .roof.five .side:nth-child(3):before{filter:drop-shadow(3cqmin 0px 0px var(--bush))drop-shadow(6cqmin 0px 0px var(--bush))drop-shadow(10cqmin 0px 0px var(--bush))drop-shadow(-30cqmin 0px 0px var(--bush))drop-shadow(30cqmin 1px 0px var(--bush))drop-shadow(25px -2px 0px var(--bush))drop-shadow(25px 0px 0px var(--bush))}.city-scene .floor.five .side:nth-of-type(3) span,.city-scene .floor.seven .side:nth-of-type(3) span{background:conic-gradient(from 180deg at 70% 40%,var(--luz3)0 23.65%,var(--luz2)0 100%);width:33.5%;left:0%}.city-scene .floor.five .side:nth-of-type(3) span:before{bottom:2cqmin;left:0%;top:inherit;background:var(--luz3);width:66%;box-shadow:none;display:none}.city-scene .floor.six .side:nth-of-type(3):before,.city-scene .floor.six .side:nth-of-type(3):after{background:repeating-linear-gradient(90deg,#1d1e26,transparent),repeating-linear-gradient(90deg,#383e70 0 calc(100% - .25cqmin),var(--frame)calc(100% - .25cqmin)100%);background-size:1.85cqmin 100%,33cqmin 100%;left:0}.city-scene .floor.six .side:nth-of-type(3):after{left:35.25%}.city-scene .floor.eight .side:nth-of-type(3):before{background:repeating-linear-gradient(90deg,#101010,transparent),repeating-linear-gradient(90deg,#383e70 0 calc(100% - .25cqmin),var(--frame)calc(100% - .25cqmin)100%);background-size:2.55cqmin 100%,33cqmin 100%;left:0}.city-scene .floor.eight .side:nth-of-type(3):after{background:repeating-linear-gradient(90deg,#1d1e26,transparent),repeating-linear-gradient(90deg,#383e70 0 calc(100% - .25cqmin),var(--frame)calc(100% - .25cqmin)100%);background-size:1.85cqmin 100%,33cqmin 100%;width:29.65%;bottom:-19.85cqmin;left:64cqmin}.city-scene .floor.eight .side:nth-of-type(3) span{background:linear-gradient(32deg,#fff0 17%,var(--luz2)19%),var(--luz1);background:#fff0;background:radial-gradient(ellipse at 30% 72%,var(--luz2)2.5cqmin,#fff0 3.5cqmin),radial-gradient(circle at 30% 72%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(circle at 34% 73%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(circle at 32% 75%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(circle at 25% 75%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(circle at 21% 80%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(ellipse at 73% 72%,var(--luz2)3.5cqmin,#fff0 4.5cqmin),radial-gradient(circle at 69% 70%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(circle at 75% 73%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(circle at 65% 75%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(circle at 82% 75%,var(--luz2)1cqmin,#fff0 1cqmin),radial-gradient(circle at 78% 74%,var(--luz2)1cqmin,#fff0 1cqmin);background-repeat:no-repeat;width:66%;left:36%}.city-scene .floor.eight .side:nth-of-type(3) span:before,.city-scene .floor.eight .side:nth-of-type(3) span:after{content:"";background:linear-gradient(-5deg,#fff0 48.5%,var(--luz2)calc(48.5% + 1px));width:50.75%;height:100%;position:absolute;left:-5px}.city-scene .floor.eight .side:nth-of-type(3) span:after{content:"";background:linear-gradient(-5deg,#fff0 75%,var(--luz2)calc(75% + 1px));width:43%;height:100%;position:absolute;left:53%}i.man{background:radial-gradient(circle at 50% .4cqmin,var(--bush)0 .35cqmin,#fff0 calc(.35cqmin + 1px)100%),radial-gradient(circle at 50% .35cqmin,#0c0d1c 0 .35cqmin,#fff0 calc(.35cqmin + 1px)100%),conic-gradient(from 137deg at 50% .51cqmin,var(--bush)0 25%,#fff0 0 100%);z-index:1;border-radius:1cqmin 100% 0 0;width:1.5cqmin;height:3.5cqmin;position:absolute;bottom:1.25cqmin;left:10.5cqmin;transform:rotate(-1deg)}i.man:before{content:"";background:var(--bush);border-radius:.3cqmin;width:1cqmin;height:1cqmin;position:absolute;bottom:1.25cqmin;left:-.25cqmin;transform:rotate(55deg)}i.man:after{content:""}.city-scene .eight .side i.man{--bush:#363a5c;filter:drop-shadow(1.2px 0 #7d83bfcc);color:#7d83bfcc;background:radial-gradient(circle at 55% .9cqmin,var(--bush)0 .35cqmin,#fff0 calc(.375cqmin + 1px)100%),radial-gradient(circle at 35% .8cqmin,#0a0d29 0 .5cqmin,#fff0 calc(.5cqmin + 1px)100%),conic-gradient(from 145deg at 50% 1.2cqmin,var(--bush)0 25%,#fff0 0 100%);width:1.125cqmin;height:4.5cqmin;bottom:0;left:39.75cqmin;transform:translateZ(-90cqmin)}.city-scene .eight .side i.man:before{background:var(--frame);opacity:.5;border-right:1px solid #ffffffab;width:.45cqmin;height:1.85cqmin;bottom:1.125cqmin;left:.125cqmin;transform:rotate(-19deg)}i.cat{background:radial-gradient(circle at 50% 26%,var(--bush)0 .35cqmin,#fff0 calc(.35cqmin + 1px)100%),conic-gradient(from 125deg at 100% 0,var(--bush)0 25%,#fff0 0 100%),conic-gradient(from 136deg at 0 0,var(--bush)0 25%,#fff0 0 100%);width:.75cqmin;height:2.5cqmin;position:absolute;bottom:1.25cqmin;left:2.3cqmin;transform:scale(.85)}i.cat:before{content:"";background:var(--bush);border-radius:100% 39% 0 0;width:1.8cqmin;height:1.95cqmin;position:absolute;bottom:-.35cqmin;left:-1cqmin}i.cat:after{content:"";border-left:.35cqmin solid var(--bush);background:#fff0;border-top:.15cqmin solid #fff0;border-bottom:.35cqmin solid #fff0;border-radius:100%;width:1.65cqmin;height:1.75cqmin;position:absolute;bottom:.15cqmin;left:-1.25cqmin;transform:rotate(-20deg)}i.cat+i.cat{left:4cqmin;transform:rotateY(180deg)scale(.9)}i.cat+i.cat:after{bottom:-.2cqmin;left:-2.6cqmin;transform:rotate(-27deg)rotateY(180deg)}i.flowers{background:var(--luz3);width:70%;height:1cqmin;position:absolute;bottom:1cqmin;left:15%}i.flowers:before{content:"";background:var(--luz3);width:.75cqmin;height:2cqmin;position:absolute;bottom:0;left:60%}i.flowers:after{content:"";background:conic-gradient(from -22deg at 50% 100%,var(--luz3)0 2%,#fff0 0 5%,var(--luz3)0 7%,#fff0 0 10%,var(--luz3)0 12%,#fff0 0 100%),radial-gradient(circle at 50% .25cqmin,var(--luz3)0 .25cqmin,#fff0 0 100%),radial-gradient(circle at 25% .45cqmin,var(--luz3)0 .25cqmin,#fff0 0 100%),radial-gradient(circle at 80% .4cqmin,var(--luz3)0 .25cqmin,#fff0 0 100%);width:1.5cqmin;height:1.5cqmin;position:absolute;bottom:1.5cqmin;left:52%}i.cactus{background:var(--bush);border-radius:100% 100% 10% 45%;width:.85cqmin;height:2cqmin;position:absolute;bottom:3cqmin;left:3px;transform:rotate(-2deg)}i.cactus:before{content:"";background:var(--bush);border-radius:100%;width:.75cqmin;height:2cqmin;position:absolute;bottom:1.4cqmin;left:-.35cqmin}i.cactus:after{content:"";background:var(--bush);width:.5cqmin;height:1.5cqmin;box-shadow:-.6cqmin .2cqmin 0 -.075cqmin var(--bush),.4cqmin 1.5cqmin 0 -.075cqmin var(--bush);border-radius:100%;position:absolute;bottom:3cqmin;left:.075cqmin}.city-scene .roof.six .cactus{filter:drop-shadow(-2px 1px #434770cc);border-radius:0% 100%;left:90%;transform:rotateY(60deg)rotate(-1deg)}i.cactus2{background:var(--luz3);border-radius:100% 100% 0 0;width:.45cqmin;height:4cqmin;position:absolute;bottom:1cqmin;left:27cqmin;transform:rotate(-7deg)}i.cactus2:before{content:"";border:.5cqmin solid var(--luz3);background:#fff0;border-top-color:#fff0;border-left-width:.35cqmin;border-radius:0 0 100% 100%;width:.75cqmin;height:1cqmin;position:absolute;bottom:1cqmin;left:-.5cqmin}i.cactus2:after{content:"";background:var(--luz3);width:.4cqmin;height:.75cqmin;box-shadow:-.555cqmin .75cqmin 0 0 var(--luz3),.75cqmin .65cqmin 0 0 var(--luz3);border-radius:100%;position:absolute;bottom:3.2cqmin;left:-.05cqmin}i.cactus2+i.cactus2{transform:scale(.85)translate(-2.25cqmin,-.1cqmin)rotate(-5deg)rotateY(180deg)}i.bush{background:var(--bush);border-radius:100% 100% 10% 45%;width:.95cqmin;height:2cqmin;position:absolute;bottom:3cqmin;left:3px;transform:rotate(-2deg)}i.bush:before{content:"";background:var(--bush);border-radius:100%;width:.5cqmin;height:1.25cqmin;position:absolute;bottom:.4cqmin;left:-.3cqmin;transform:rotate(-24deg)}i.bush:after{content:"";background:var(--bush);width:.5cqmin;height:1.5cqmin;box-shadow:-.36cqmin .5cqmin 0 -.075cqmin var(--bush),.4cqmin .75cqmin 0 -.025cqmin var(--bush),.3cqmin .25cqmin 0 -.025cqmin var(--bush);border-radius:100%;position:absolute;bottom:1.7cqmin;left:-.075cqmin;transform:rotate(-16deg)}.city-scene .roof.two .side:first-child i.bush{filter:drop-shadow(19px 6px 0px var(--luz2));transform:translateZ(-1cqmin)}.city-scene .roof.two .side:nth-child(3) i.bush{filter:drop-shadow(.85cqmin 11cqmin 0px var(--bush))drop-shadow(-2px -1px 0px #5a5d85);border-radius:100% 100% 10% 40%;bottom:2.95cqmin;left:91%;transform:rotateY(128deg)}.city-scene .roof.four .side:first-child i.bush{filter:drop-shadow(45.55cqmin -7px 0px var(--bush))drop-shadow(-11.75cqmin 2px 0px var(--bush));border-radius:100% 100% 10% 40%;bottom:2.35cqmin;left:4px;transform:rotateY(180deg)scale(.85)scaleX(.65)rotate(92deg)}.city-scene .roof.six .side:first-child i.bush{filter:drop-shadow(40cqmin 0 0px var(--bush))drop-shadow(12.95cqmin -1px 0px var(--bush));border-radius:100% 100% 10% 40%;bottom:2.75cqmin;left:5px;transform:rotateY(180deg)scaleY(1.5)scaleX(.65)rotate(92deg)}i.plant{background:linear-gradient(90deg,#fff0 38%,var(--luz2)38% 61%,#fff0 61%),linear-gradient(180deg,#fff0 40%,var(--luz2)45%);width:1cqmin;height:3.5cqmin;filter:drop-shadow(6cqmin .5cqmin 0px var(--luz3))drop-shadow(8cqmin .25cqmin 0cqmin var(--luz3))drop-shadow(7cqmin -.25cqmin 0cqmin var(--luz3));position:absolute;bottom:0;left:5cqmin}i.plant:before,i.plant:after{content:"";background:var(--luz2);width:.275cqmin;height:1cqmin;box-shadow:4px -4px 0 -.05cqmin var(--luz2);border-radius:100% 100% 0 0;position:absolute;bottom:2.25cqmin;transform:rotate(-45deg)}i.plant:after{transform:rotateY(180deg)rotate(-45deg)translate(-.65cqmin,-.35cqmin)}.city-scene .seven i.plant{--luz2:var(--luz3);filter:drop-shadow(-1.95cqmin .5cqmin 0px var(--luz3))drop-shadow(-4cqmin -.75cqmin 0cqmin var(--luz3))drop-shadow(-3cqmin .25cqmin 0cqmin var(--luz3));left:77%;transform:rotateY(180deg)scale(.85)}.city-scene .seven i.plant:after{--luz2:var(--luz3);box-shadow:4px -4px 0 -.05cqmin var(--luz2),8px -3px 0 -.05cqmin var(--luz2)}.city-scene .lights{--foco:radial-gradient(circle at 50% 50%,var(--luz1)0 .1cqmin,#fff0 calc(.1cqmin + 1px)100%);background:var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco),var(--foco);background-position:6% 1%,21% 1%,11.5% 3.5%,26% 3.5%,90% 8%,17% 6%,6% 15%,11.5% 17%,53.5% 15%,58.5% 17%,72.5% 17%,67.5% 15%,6% 42%,53.5% 42%,67.5% 42%,11.5% 44.25%,26% 44%,58.5% 44%,72.5% 44%,17% 46.5%,63.5% 46.25%,67.6% 55%,73% 57%,6% 68.5%,21% 68.5%,54% 68.5%,68% 68.5%,11.5% 71%,27% 71%,58.5% 71%,73% 71%,18% 73.5%,64.5% 73.5%,16.5% 86%,6% 95.5%,11.5% 98%;background-repeat:no-repeat;background-size:1cqmin 1cqmin;width:52cqmin;height:75cqmin;position:absolute;bottom:0;left:16cqmin;transform:rotateY(-8deg)rotateX(0)translateZ(22cqmin)translate(3cqmin)}.city-scene input{display:none}.city-scene .city-scene-toggle{cursor:pointer;z-index:3;background:#0008;border-top:1px solid #000;border-bottom:1px solid #fff8;border-radius:4cqmin;width:13cqmin;height:5cqmin;display:none;position:absolute;bottom:3cqmin;right:3cqmin}.city-scene .city-scene-toggle:before{content:"";background-color:#0000;background-image:radial-gradient(circle at 50% 48%,#ffbf00 calc(2cqmin - 1px),#fff0 2cqmin),radial-gradient(circle at 90% 42%,#fff0 2.5cqmin,#e6e6e6 calc(2.5cqmin + 1px));background-position:7.85cqmin 0,0 0;background-repeat:no-repeat;background-size:4.25cqmin 4.25cqmin,4.15cqmin 4.15cqmin;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:2cqmin;width:12cqmin;height:4cqmin;position:absolute;top:.325cqmin;left:.6cqmin}.city-scene .city-scene-toggle:after{content:"";border:.5cqmin solid #fffc;border-radius:100%;width:6cqmin;height:6cqmin;position:absolute;top:-1.1cqmin;left:-.95cqmin;box-shadow:0 0 1cqmin #fffc,inset 0 0 1cqmin #fffc}.city-scene .clouds{opacity:1;filter:drop-shadow(1cqmin -1cqmin 1cqmin #fff)drop-shadow(-1cqmin 1cqmin 5cqmin #fff)drop-shadow(20cqmin 5cqmin 5cqmin #fff)drop-shadow(-10cqmin -1cqmin 3cqmin #fff);background:radial-gradient(at 10% 23%,#fff1 4cqmin,#fff0 15cqmin),radial-gradient(at 0 15%,#fff1 4cqmin,#fff0 8cqmin),radial-gradient(circle at 6% 17%,#fff1 4cqmin,#fff0 8cqmin),radial-gradient(at 4% 16%,#fff1 1cqmin,#fff0 5cqmin),radial-gradient(circle at 9% 16%,#fff1 1cqmin,#fff0 5cqmin),radial-gradient(at 12% 18%,#fff1 1cqmin,#fff0 5cqmin),radial-gradient(circle at 17% 19%,#fff1 2cqmin,#fff0 6cqmin),radial-gradient(at 13% 13%,#fff1 1cqmin,#fff0 6cqmin),radial-gradient(at 22% 20%,#fff1 2cqmin,#fff0 8cqmin),radial-gradient(circle at 4% 22%,#fff1 0,#fff0 4cqmin),radial-gradient(circle at 7% 24%,#fff1 0,#fff0 4cqmin),radial-gradient(at 10% 22%,#fff1 0,#fff0 4cqmin),radial-gradient(circle at 30% 19%,#fff2 0,#fff0 13cqmin),radial-gradient(circle at 26% 13%,#fff1 0,#fff0 4cqmin),radial-gradient(circle at 33% 15%,#fff1 -3cqmin,#fff0 7cqmin),radial-gradient(circle at 45% 19%,#fff1 4cqmin,#fff0 14cqmin),radial-gradient(circle at 38% 20%,#fff1 -3cqmin,#fff0 7cqmin),radial-gradient(circle at 52% 20%,#fff1 0,#fff0 6cqmin),radial-gradient(circle at 56% 15%,#fff1 0,#fff0 7cqmin),radial-gradient(circle at 58% 18%,#fff1 0,#fff0 7cqmin),radial-gradient(circle at 41% 26%,#fff1 2cqmin,#fff0 8cqmin),radial-gradient(circle at 60% 15%,#fff1 0,#fff0 7cqmin),radial-gradient(circle at 63% 12%,#fff1 0,#fff0 7cqmin),radial-gradient(circle at 63% 21%,#fff1 4cqmin,#fff0 15cqmin),radial-gradient(circle at 60% 25%,#fff1 2cqmin,#fff0 7cqmin),radial-gradient(at 63% 20%,#fff1 0,#fff0 7cqmin),radial-gradient(circle at 71% 25%,#fff1 2cqmin,#fff0 9cqmin),radial-gradient(at 84% 22%,#fff1 -1cqmin,#fff0 8cqmin),radial-gradient(at 78% 25%,#fff1 -1cqmin,#fff0 10cqmin),radial-gradient(at 90% 18%,#fff1 -1cqmin,#fff0 10cqmin),radial-gradient(at 93% 17%,#fff1 2cqmin,#fff0 11cqmin),radial-gradient(circle at 79% 17%,#fff1 -3cqmin,#fff0 7cqmin),radial-gradient(at 73% 12%,#fff1 -3cqmin,#fff0 6cqmin),radial-gradient(at 68% 15%,#fff1 -2cqmin,#fff0 9cqmin),radial-gradient(at 95% 25%,#fff1 -2cqmin,#fff0 9cqmin),radial-gradient(at 98% 26%,#fff1 -2cqmin,#fff0 9cqmin),radial-gradient(at 90% 23%,#fff1 -2cqmin,#fff0 9cqmin);width:100cqw;height:100%;position:absolute;top:85cqh;transform:translateZ(-100cqmin);-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 50%);mask-image:linear-gradient(90deg,#000 0%,#0000 50%)}.city-scene .clouds span{opacity:0}