.city{--bb:rotateZ(-45deg) rotateX(-60deg);--road:#efebe9;--road-line:#fff;--block-top:#fdfcfb;--block-s:#ece6e3;--block-e:#ddd5d1;--park:#f8e1e1;--wall-top:#fff;--wall-s:#f7f4f3;--wall-e:#e8e2df;--win:#dfe7ef;--win-e:#d0d9e3;--glass:#d6e3eb;--glass-2:#eef4f7;--door:#a8bdca;--slab-s:#e3161b;--slab-e:#b00306;--tree:#f7c4c4;--tree-2:#ea9696;--trunk:#caa59d;--shade:#5a1e1e21;--disc:#fdd704;--disc-ring:#fdd70438;-webkit-user-select:none;user-select:none;width:100%;position:relative;container-type:inline-size}.city.is-night{--road:#23273b;--road-line:#3b4160;--block-top:#2c3149;--block-s:#21253b;--block-e:#1a1d2f;--park:#322f4d;--wall-top:#373c58;--wall-s:#2b2f48;--wall-e:#22253a;--win:#ffd36b;--win-e:#e6b44c;--glass:#ffe6a6;--glass-2:#ffcf62;--door:#c48a2a;--slab-s:#a10307;--slab-e:#760204;--tree:#463c5c;--tree-2:#342c47;--trunk:#3b3448;--shade:#00000052;--disc:#262a52;--disc-ring:#7882dc1a}.city__stage{--c:calc(100cqi / 36);height:calc(var(--c) * 29);contain:layout size;position:relative}.city__glow{left:50%;top:calc(var(--c) * 13.5);width:calc(var(--c) * 27);aspect-ratio:1;background:var(--disc);box-shadow:0 0 0 calc(var(--c) * 1.4) var(--disc-ring);pointer-events:none;border-radius:50%;transition:background-color .6s,box-shadow .6s;position:absolute;translate:-50% -50%}.city__world{left:50%;top:calc(var(--c) * 17);width:calc(var(--c) * 24);height:calc(var(--c) * 24);margin:calc(var(--c) * -12) 0 0 calc(var(--c) * -12);background:var(--road);transform-style:preserve-3d;position:absolute;transform:rotateX(60deg)rotate(45deg)}.city__world:before{content:"";transform:translateZ(calc(var(--c) * -1.32));box-shadow:calc(var(--c) * 1.6) calc(var(--c) * .2) calc(var(--c) * 2.4) #7814142e;position:absolute;inset:0}.city.is-night .city__world:before{box-shadow:calc(var(--c) * 1.6) calc(var(--c) * .2) calc(var(--c) * 2.4) #00000073}.city,.city *{transition-property:background-color,border-color,color,box-shadow;transition-duration:.5s;transition-timing-function:ease}.cb{left:calc(var(--x) * var(--c));top:calc(var(--y) * var(--c));width:calc(var(--w) * var(--c));height:calc(var(--d) * var(--c));transform-style:preserve-3d;transform:translateZ(calc(var(--z) * var(--c)));position:absolute}.cb>.cb__shadow,.cb>.cb__top,.cb>.cb__s,.cb>.cb__e{transform-origin:0 0;position:absolute;top:0;left:0}.cb>.cb__shadow{display:none}@media (min-width:860px){.cb>.cb__shadow{width:100%;height:100%;box-shadow:calc(min(var(--h), 4) * var(--c) * .42) calc(min(var(--h), 4) * var(--c) * -.12) calc(var(--c) * .45) var(--shade);display:block;transform:translateZ(1px)}}.cb>.cb__top{background:var(--wall-top);width:100%;height:100%;transform:translateZ(calc(var(--h) * var(--c)))}.cb>.cb__s{width:100%;height:calc(var(--h) * var(--c));background:var(--wall-s);transform:translate3d(0, calc(var(--d) * var(--c)), calc(var(--h) * var(--c))) rotateX(-90deg)}.cb>.cb__e{width:calc(var(--d) * var(--c));height:calc(var(--h) * var(--c));background:var(--wall-e);transform:translate3d(calc(var(--w) * var(--c)), calc(var(--d) * var(--c)), calc(var(--h) * var(--c))) rotateZ(-90deg) rotateX(-90deg)}.slab>.cb__top,.slab>.cb__shadow{display:none}.slab>.cb__s{background:var(--slab-s);box-shadow:inset 0 calc(var(--c) * .12) 0 #ffffff40}.slab>.cb__e{background:var(--slab-e);box-shadow:inset 0 calc(var(--c) * .12) 0 #ffffff29}.block>.cb__shadow{display:none}.block>.cb__top{background:var(--block-top)}.block>.cb__s{background:var(--block-s)}.block>.cb__e{background:var(--block-e)}.park{left:calc(var(--c) * 15);top:calc(var(--c) * 18.6);width:calc(var(--c) * 8.1);height:calc(var(--c) * 4.5);background:var(--park);border-radius:calc(var(--c) * .5);transform:translateZ(calc(var(--c) * .25 + 1px));position:absolute}.road-line,.crosswalk{position:absolute;transform:translateZ(1px)}.road-line--x{left:calc(var(--c) * .6);top:calc(var(--c) * 12.45);width:calc(var(--c) * 22.8);height:calc(var(--c) * .1);background:repeating-linear-gradient(90deg, var(--road-line) 0 calc(var(--c) * .6), transparent 0 calc(var(--c) * 1.2))}.road-line--y{left:calc(var(--c) * 12.45);top:calc(var(--c) * .6);width:calc(var(--c) * .1);height:calc(var(--c) * 22.8);background:repeating-linear-gradient(180deg, var(--road-line) 0 calc(var(--c) * .6), transparent 0 calc(var(--c) * 1.2))}.crosswalk--n,.crosswalk--s{left:calc(var(--c) * 10.9);width:calc(var(--c) * 3.2);height:calc(var(--c) * .9);background:repeating-linear-gradient(90deg, var(--road-line) 0 calc(var(--c) * .28), transparent 0 calc(var(--c) * .56))}.crosswalk--n{top:calc(var(--c) * 9.4)}.crosswalk--s{top:calc(var(--c) * 14.7)}.crosswalk--w,.crosswalk--e{top:calc(var(--c) * 10.9);width:calc(var(--c) * .9);height:calc(var(--c) * 3.2);background:repeating-linear-gradient(180deg, var(--road-line) 0 calc(var(--c) * .28), transparent 0 calc(var(--c) * .56))}.crosswalk--w{left:calc(var(--c) * 9.4)}.crosswalk--e{left:calc(var(--c) * 14.7)}.tower>.cb__s{background:repeating-linear-gradient(90deg, var(--wall-s) 0 calc(var(--c) * .3), transparent 0 calc(var(--c) * .86)), repeating-linear-gradient(180deg, var(--wall-s) 0 calc(var(--c) * .42), var(--win) 0 calc(var(--c) * .92))}.tower>.cb__e{background:repeating-linear-gradient(90deg, var(--wall-e) 0 calc(var(--c) * .3), transparent 0 calc(var(--c) * .86)), repeating-linear-gradient(180deg, var(--wall-e) 0 calc(var(--c) * .42), var(--win-e) 0 calc(var(--c) * .92))}.city:not(.is-night) .tower--b{--wall-top:#fff6f6;--wall-s:#fceaea;--wall-e:#f2d8d8}.city:not(.is-night) .tower--c{--wall-top:#fbfbfc;--wall-s:#f1f1f4;--wall-e:#e1e1e8}.city.is-night .tower--b>.cb__s,.city.is-night .tower--c>.cb__e{background:repeating-linear-gradient(90deg, transparent 0 calc(var(--c) * 1.72), #1a1d2fe6 0 calc(var(--c) * 2.58)), repeating-linear-gradient(90deg, var(--wall-s) 0 calc(var(--c) * .3), transparent 0 calc(var(--c) * .86)), repeating-linear-gradient(180deg, var(--wall-s) 0 calc(var(--c) * .42), var(--win) 0 calc(var(--c) * .92))}.city.is-night .tower--a>.cb__e{background:repeating-linear-gradient(180deg, transparent 0 calc(var(--c) * 1.84), #1a1d2fd9 0 calc(var(--c) * 2.76)), repeating-linear-gradient(90deg, var(--wall-e) 0 calc(var(--c) * .3), transparent 0 calc(var(--c) * .86)), repeating-linear-gradient(180deg, var(--wall-e) 0 calc(var(--c) * .42), var(--win-e) 0 calc(var(--c) * .92))}.tank,.hvac{--wall-top:#f1f1f4;--wall-s:#e2e2e8;--wall-e:#cdcdd6}.city.is-night .tank,.city.is-night .hvac{--wall-top:#474c69;--wall-s:#3a3e58;--wall-e:#2f3248}.front{padding-top:calc(var(--c) * .26);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.front__sign{padding:calc(var(--c) * .13) calc(var(--c) * .26) calc(var(--c) * .1);font-family:var(--font-display);font-size:calc(var(--c) * .5);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;color:#fff;background:var(--red);border-radius:calc(var(--c) * .12);box-shadow:inset 0 calc(var(--c) * -.07) 0 #00000029;font-weight:800;line-height:1;display:block}.store--sm .front__sign{font-size:calc(var(--c) * .4)}.front--yellow .front__sign{color:var(--ink);background:var(--yellow)}.front--green .front__sign{background:#1f9d55}.front--ink .front__sign{background:var(--ink)}.front__glass{width:calc(100% - var(--c) * .4);height:calc(var(--c) * 1.3);background:linear-gradient(180deg, var(--glass), var(--glass-2));border-radius:calc(var(--c) * .08) calc(var(--c) * .08) 0 0;justify-content:center;align-items:flex-end;display:flex}.front__door{width:calc(var(--c) * .7);background:var(--door);border-radius:calc(var(--c) * .06) calc(var(--c) * .06) 0 0;height:82%}.front--plain{justify-content:center;padding:0}.cross{width:calc(var(--c) * 1.1);aspect-ratio:1;border-radius:calc(var(--c) * .18);background:#1f9d55;position:relative}.cross:before,.cross:after{content:"";background:#fff;border-radius:2px;position:absolute;inset:22% 40%}.cross:after{inset:40% 22%}.city.is-night .front__sign,.city.is-night .cross{box-shadow:0 0 calc(var(--c) * .5) #ff5a5a8c, inset 0 calc(var(--c) * -.07) 0 #00000029}.city.is-night .front--yellow .front__sign{box-shadow:0 0 calc(var(--c) * .5) #fdd7048c}.city.is-night .front--green .front__sign,.city.is-night .cross{box-shadow:0 0 calc(var(--c) * .5) #28dc788c}.awning{--aw1:var(--red);--aw2:#fff;transform-origin:0 0;position:absolute}.awning--s{left:calc(var(--c) * .2);width:calc((var(--w) - .4) * var(--c));height:calc(var(--c) * .8);background:repeating-linear-gradient(90deg, var(--aw1) 0 calc(var(--c) * .4), var(--aw2) 0 calc(var(--c) * .8));transform:translate3d(0, calc(var(--d) * var(--c)), calc(var(--za) * var(--c))) rotateX(-40deg);top:0}.awning--e{left:0;top:calc(var(--c) * .2);width:calc(var(--c) * .8);height:calc((var(--d) - .4) * var(--c));background:repeating-linear-gradient(180deg, var(--aw1) 0 calc(var(--c) * .4), var(--aw2) 0 calc(var(--c) * .8));transform:translate3d(calc(var(--w) * var(--c)), 0, calc(var(--za) * var(--c))) rotateY(40deg)}.awning--yellow{--aw1:var(--yellow)}.awning--green{--aw1:#1f9d55}.awning--ink{--aw1:var(--ink)}.city.is-night .awning{--aw2:#d9d4e8}.crate{--wall-s:#d39a66;--wall-e:#b57a49}.crate--orange{--wall-top:#f7931e}.crate--green{--wall-top:#43b54a}.crate--red{--wall-top:#e3161b}.radar{width:calc(var(--c) * 3);aspect-ratio:1;border:calc(var(--c) * .08) solid var(--red);border-radius:50%;animation:2.8s ease-out infinite city-radar;position:absolute;top:50%;left:50%;translate:-50% -50%}.radar--late{animation-delay:-1.4s}@keyframes city-radar{0%{opacity:.9;scale:.35}to{opacity:0;scale:2.6}}.outdoor{left:calc(var(--c) * 19.4);top:calc(var(--c) * 16.4);width:calc(var(--c) * 3.8);height:0;transform-style:preserve-3d;position:absolute}.outdoor__pole,.outdoor__panel{transform-origin:0 0;position:absolute;top:0}.outdoor__pole{width:calc(var(--c) * .16);height:calc(var(--c) * 1.5);transform:translateZ(calc(var(--c) * 1.75)) rotateX(-90deg);background:#a3a3ad}.outdoor__pole--a{left:calc(var(--c) * .8)}.outdoor__pole--b{left:calc(var(--c) * 2.85)}.outdoor__panel{justify-content:center;align-items:center;gap:calc(var(--c) * .22);width:calc(var(--c) * 3.8);height:calc(var(--c) * 2.1);padding:calc(var(--c) * .2);border-radius:calc(var(--c) * .12);box-shadow:inset 0 0 0 calc(var(--c) * .12) var(--red), inset 0 calc(var(--c) * -.3) 0 #0000000a;transform:translateZ(calc(var(--c) * 3.85)) rotateX(-90deg);background:#fff;flex-direction:column;display:flex;left:0}.outdoor__logo{width:88%;height:auto}.outdoor__slogan{padding:calc(var(--c) * .07) calc(var(--c) * .16);font-family:var(--font-mono);font-size:calc(var(--c) * .2);white-space:nowrap;color:#fff;background:var(--red);border-radius:calc(var(--c) * .06);font-weight:600}.city.is-night .outdoor__panel{box-shadow:inset 0 0 0 calc(var(--c) * .12) var(--red), 0 0 calc(var(--c) * .9) #ffebbe73}.car{transform-style:preserve-3d;animation:11s linear infinite city-car-x;animation-delay:var(--delay);position:absolute;top:0;left:0}.car--x{top:calc(var(--lane) * var(--c))}.car--y{left:calc(var(--lane) * var(--c));animation-name:city-car-y}.car--back{animation-direction:reverse}@keyframes city-car-x{0%{transform:translateX(calc(var(--c) * .9)) scale(0)}4%{transform:translateX(calc(var(--c) * (.9 + 22.2 * .04))) scale(1)}96%{transform:translateX(calc(var(--c) * (.9 + 22.2 * .96))) scale(1)}to{transform:translateX(calc(var(--c) * 23.1)) scale(0)}}@keyframes city-car-y{0%{transform:translateY(calc(var(--c) * .9)) scale(0)}4%{transform:translateY(calc(var(--c) * (.9 + 22.2 * .04))) scale(1)}96%{transform:translateY(calc(var(--c) * (.9 + 22.2 * .96))) scale(1)}to{transform:translateY(calc(var(--c) * 23.1)) scale(0)}}.car__body--red{--wall-top:#ff4a4e;--wall-s:#e3161b;--wall-e:#b8070b}.car__body--yellow{--wall-top:#ffe45c;--wall-s:#fdd704;--wall-e:#d6b200}.car__body--white{--wall-top:#fff;--wall-s:#f1f1f5;--wall-e:#d7d7df}.car__body--blue{--wall-top:#6fa0ff;--wall-s:#3f7ae6;--wall-e:#2b5cc0}.car__body>.cb__s,.car__body>.cb__e{background-image:linear-gradient(0deg,#14141e38 0 24%,#0000 24%)}.car__side{position:absolute;inset:0}.car__side:before,.car__side:after{content:"";bottom:calc(var(--c) * -.15);width:calc(var(--c) * .34);aspect-ratio:1;box-shadow:inset 0 0 0 calc(var(--c) * .09) #1f1f25, inset 0 0 0 calc(var(--c) * .2) #a9a9b4;background:#1f1f25;border-radius:50%;position:absolute}.car__side:before{left:14%}.car__side:after{right:14%}.car__end{position:absolute;inset:0}.car__end:before,.car__end:after{content:"";border-radius:calc(var(--c) * .04);background:#fff4c2;width:18%;height:26%;position:absolute;top:26%}.car__end:before{left:8%}.car__end:after{right:8%}.city.is-night .car__end:before,.city.is-night .car__end:after{box-shadow:0 0 calc(var(--c) * .35) #ffd24d;background:#ffe48a}.car__cab{--glass:#a9cbe0}.city.is-night .car__cab{--glass:#ffd977}.car__cab--x>.cb__s,.car__cab--y>.cb__e{background:linear-gradient(90deg, var(--wall-s) 0 7%, var(--glass) 7% 46%, var(--wall-s) 46% 54%, var(--glass) 54% 93%, var(--wall-s) 93%)}.car__cab--y>.cb__e{background:linear-gradient(90deg, var(--wall-e) 0 7%, var(--glass) 7% 46%, var(--wall-e) 46% 54%, var(--glass) 54% 93%, var(--wall-e) 93%)}.car__cab--x>.cb__e,.car__cab--y>.cb__s{background:linear-gradient(var(--glass), var(--glass)) center / 84% 78% no-repeat, var(--wall-e)}.car__cab--y>.cb__s{background-color:var(--wall-s)}.car__cab>.cb__shadow{display:none}.van>.cb__s,.van>.cb__e{background-image:linear-gradient(to top, #14141e38 0 12%, transparent 12% 30%, var(--yellow) 30% 40%, transparent 40%)}.van__brand{width:calc(var(--c) * .44);aspect-ratio:1;border-radius:calc(var(--c) * .08);background:#fff;place-items:center;display:grid;position:absolute;top:12%;left:50%;translate:-50%}.van__brand img{width:74%;height:auto}.van__front{border-radius:calc(var(--c) * .06);background:#a9cbe0;height:34%;position:absolute;top:10%;left:10%;right:10%}.city.is-night .van__front{background:#ffd977}.bb{left:calc(var(--x) * var(--c));top:calc(var(--y) * var(--c));width:0;height:0;transform:translateZ(calc(var(--z) * var(--c))) var(--bb);position:absolute}.bb>*{position:absolute;bottom:0;left:0;translate:-50%}.float{animation:3.6s ease-in-out infinite alternate city-bob}.float--slow{animation-duration:4.6s;animation-delay:-1.8s}@keyframes city-bob{0%{transform:translateZ(calc(var(--z) * var(--c))) var(--bb) translateY(0)}to{transform:translateZ(calc(var(--z) * var(--c))) var(--bb) translateY(calc(var(--c) * -.35))}}.tree__shape{width:calc(var(--c) * 1.25 * var(--s));height:calc(var(--c) * 2 * var(--s))}.tree__shape:before,.tree__shape:after{content:"";position:absolute;left:50%;translate:-50%}.tree__shape:before{width:calc(var(--c) * .14 * var(--s));height:calc(var(--c) * .8 * var(--s));background:var(--trunk);border-radius:99px;bottom:0}.tree__shape:after{bottom:calc(var(--c) * .6 * var(--s));width:calc(var(--c) * 1.25 * var(--s));aspect-ratio:1;background:radial-gradient(circle at 34% 30%, var(--tree) 0 42%, var(--tree-2) 100%);border-radius:50%}.person{width:calc(var(--c) * .66);height:auto;display:block;overflow:visible}.person__shadow{fill:#2814142e}.person__pants{fill:var(--pants)}.person__shoe{fill:#2a2a30}.person__shirt{fill:var(--shirt)}.person__skin{fill:var(--skin)}.person__hair{fill:var(--hair)}.person__bag path{fill:var(--red)}.person__bag .person__bag-handle{fill:none;stroke:var(--red);stroke-width:1px}.person__leg,.person__arm{transform-box:fill-box;transform-origin:50% 0}.city.is-night .person__shirt,.city.is-night .person__pants,.city.is-night .person__skin,.city.is-night .person__hair{filter:brightness(.72)}@media (max-width:719px){.tree:nth-of-type(2n),.walker:nth-of-type(2n),.city .radar--late,.city__glow{display:none}}.walker{transform-style:preserve-3d;animation:city-walk-x var(--time) linear infinite alternate var(--delay);position:absolute;top:0;left:0}.walker--x{top:calc(var(--lane) * var(--c))}.walker--y{left:calc(var(--lane) * var(--c));animation-name:city-walk-y}@keyframes city-walk-x{0%{transform:translateX(calc(var(--a) * var(--c)))}to{transform:translateX(calc(var(--b) * var(--c)))}}@keyframes city-walk-y{0%{transform:translateY(calc(var(--a) * var(--c)))}to{transform:translateY(calc(var(--b) * var(--c)))}}.person.is-walking{animation:.36s ease-in-out infinite alternate city-step}.person.is-walking .person__leg--l,.person.is-walking .person__arm--r{animation:.72s ease-in-out infinite alternate city-swing}.person.is-walking .person__leg--r,.person.is-walking .person__arm--l{animation:.72s ease-in-out infinite alternate-reverse city-swing}@keyframes city-step{0%{translate:-50%}to{translate:-50% -4%}}@keyframes city-swing{0%{rotate:-20deg}to{rotate:20deg}}.tag{align-items:flex-start;gap:calc(var(--c) * .05);padding:calc(var(--c) * .14) calc(var(--c) * .24) calc(var(--c) * .1);font-family:var(--font-display);white-space:nowrap;color:var(--red);background:var(--yellow);border-radius:calc(var(--c) * .16);box-shadow:0 calc(var(--c) * .25) calc(var(--c) * .5) #3c140038;font-weight:800;line-height:1;display:inline-flex}.tag__cur{margin-top:calc(var(--c) * .08);font-size:calc(var(--c) * .3)}.tag__int{font-size:calc(var(--c) * .86);letter-spacing:-.04em;line-height:.86}.tag__side{flex-direction:column;display:flex}.tag__cents{font-size:calc(var(--c) * .38)}.tag__unit{font-size:calc(var(--c) * .22);text-transform:uppercase;color:var(--ink)}.tether{width:0;height:calc(var(--len) * var(--c) * .866);border-left:calc(var(--c) * .06) dashed var(--red)}.flyer{width:calc(var(--c) * 2.5);aspect-ratio:4/5;padding:calc(var(--c) * .09);border-radius:calc(var(--c) * .18);box-shadow:0 calc(var(--c) * .45) calc(var(--c) * .9) calc(var(--c) * -.2) #3c0a0a66;rotate:var(--tilt);background:#fff;bottom:calc(var(--lift) * var(--c) * .866)!important}.flyer img,.fly__card img{object-fit:cover;border-radius:calc(var(--c) * .1);width:100%;height:100%;display:block}.roof-mascot__body{width:calc(var(--c) * 6.2);margin-bottom:calc(var(--c) * -.45);pointer-events:none}.roof-mascot__body img{width:100%;height:auto;filter:drop-shadow(0 calc(var(--c) * .25) calc(var(--c) * .35) #5a141440);transform-origin:50% 92%;animation:3.2s ease-in-out infinite alternate mascot-hop;display:block}@keyframes mascot-hop{0%{translate:0;rotate:-3deg}to{translate:0 calc(var(--c) * -.35);rotate:3deg}}.fly{transform-style:preserve-3d;animation:city-fly-line var(--t) linear infinite var(--delay);position:absolute;top:0;left:0}.fly__arc{transform-style:preserve-3d;animation:city-fly-arc var(--t) infinite var(--delay)}.fly__card{width:calc(var(--c) * 1.5);aspect-ratio:4/5;margin:calc(var(--c) * -1.875) 0 0 calc(var(--c) * -.75);padding:calc(var(--c) * .07);border-radius:calc(var(--c) * .12);box-shadow:0 calc(var(--c) * .3) calc(var(--c) * .6) #3c0a0a4d;transform-origin:50% 100%;animation:city-fly-card var(--t) infinite var(--delay);background:#fff;position:absolute;top:0;left:0}@keyframes city-fly-line{0%{transform:translate3d(calc(var(--sx) * var(--c)), calc(var(--sy) * var(--c)), calc(var(--sz) * var(--c)))}to{transform:translate3d(calc(var(--ex) * var(--c)), calc(var(--ey) * var(--c)), calc(var(--ez) * var(--c)))}}@keyframes city-fly-arc{0%{animation-timing-function:cubic-bezier(.3,.6,.6,1);transform:translateZ(0)}50%{transform:translateZ(calc(var(--peak) * var(--c)));animation-timing-function:cubic-bezier(.4,0,.7,.4)}to{transform:translateZ(0)}}@keyframes city-fly-card{0%{opacity:0;transform:var(--bb) scale(.2) rotate(-12deg)}12%{opacity:1;transform:var(--bb) scale(1) rotate(-5deg)}55%{transform:var(--bb) scale(1.06) rotate(7deg)}88%{opacity:1;transform:var(--bb) scale(.75) rotate(-3deg)}to{opacity:0;transform:var(--bb) scale(.3) rotate(0deg)}}.notify-pop__bubble{width:calc(var(--c) * 1.45);aspect-ratio:1;color:#fff;border:calc(var(--c) * .1) solid #fff;box-shadow:0 calc(var(--c) * .25) calc(var(--c) * .5) #00000038;transform-origin:50% 120%;animation:city-pop var(--t) infinite var(--delay);background:#25d366;border-radius:50%;place-items:center;display:grid;bottom:calc(var(--c) * .45)!important}.notify-pop__bubble:after{content:"";left:50%;bottom:calc(var(--c) * -.34);width:calc(var(--c) * .42);height:calc(var(--c) * .3);clip-path:polygon(0 0,100% 0,50% 100%);background:#fff;position:absolute;translate:-50%}.notify-pop--heart .notify-pop__bubble{background:var(--red)}.notify-pop__bubble svg{width:64%;height:64%}@keyframes city-pop{0%,12%{opacity:1;scale:1}20%,86%{opacity:0;scale:0}92%{opacity:1;scale:1.18}96%,to{opacity:1;scale:1}}.sky{--c:calc(100cqi / 36);z-index:1;height:calc(var(--c) * 8);pointer-events:none;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.plane{top:calc(var(--c) * 1.4);animation:22s linear infinite city-plane;position:absolute;left:0}@keyframes city-plane{0%{transform:translateX(calc(var(--c) * -16))}to{transform:translateX(calc(var(--c) * 38))}}.plane__bob{align-items:center;animation:2.6s ease-in-out infinite alternate city-plane-bob;display:flex}@keyframes city-plane-bob{0%{translate:0;rotate:-1.5deg}to{translate:0 calc(var(--c) * .45);rotate:1.5deg}}.plane__banner{width:calc(var(--c) * 8.6);height:auto;filter:drop-shadow(0 calc(var(--c) * .3) calc(var(--c) * .3) #5a141433);overflow:visible}.plane__flag{fill:var(--red)}.plane__ropes{width:calc(var(--c) * 1.4);height:calc(var(--c) * 1.9);overflow:visible}.plane__ropes path{fill:none;stroke:#7b7b86;stroke-width:1.2px;vector-effect:non-scaling-stroke}.plane__body{width:calc(var(--c) * 4.6);height:auto;margin-left:calc(var(--c) * -.25);filter:drop-shadow(0 calc(var(--c) * .35) calc(var(--c) * .35) #5a141438);overflow:visible}.plane__red{fill:var(--red)}.plane__dark{fill:#a10003}.plane__wing-far{fill:#b30307}.plane__mark{font-family:var(--font-display);fill:#fff;font-size:15px;font-weight:800}.plane__stripe{fill:none;stroke:var(--yellow);stroke-width:3px;stroke-linecap:round}.plane__glass{fill:#8fc0e0}.plane__glint{fill:#ffffffd9}.plane__hub{fill:#2b2b33}.plane__prop{fill:#32323a66;transform-box:fill-box;transform-origin:50%;animation:.12s linear infinite alternate city-prop}@keyframes city-prop{to{transform:scaleY(.25)}}.plane__light{fill:#ff3b3f;animation:1.2s steps(2,start) infinite city-blink}@keyframes city-blink{to{visibility:hidden}}.city.is-night .plane__glass{fill:#ffd36b}.city__toggle{z-index:2;font-family:var(--font-body);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffffdb;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:.875rem;font-weight:600;display:inline-flex;position:absolute;bottom:3%;left:4%}.city__switch{background:#fff3c4;border-radius:999px;justify-content:space-between;align-items:center;width:58px;height:30px;padding:0 7px;transition:background-color .3s;display:inline-flex;position:relative}.city__switch:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:translate .3s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.city__switch svg{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;position:relative}.city__sun{stroke:#e0a100}.city__moon{stroke:#8a8aa0}.city.is-night .city__toggle{color:#fff;background:#1e2134d9;border-color:#ffffff1f}.city.is-night .city__switch{background:#3a3f63}.city.is-night .city__switch:before{background:#e9e8ff;translate:28px}.city.is-night .city__moon{stroke:#3a3f63}.city.is-night .city__sun{stroke:#8f93b8}.city.is-paused *,.city.is-paused :before,.city.is-paused :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.city .fly,.city .notify-pop,.city .radar{display:none}.city .car{transform:translateX(calc(var(--c) * 6));animation:none!important}.city .car--y{transform:translateY(calc(var(--c) * 17))}.city .float{animation:none!important}.city .walker{transform:translateX(calc(var(--a) * var(--c)));animation:none!important}.city .walker--y{transform:translateY(calc(var(--a) * var(--c)))}.city .plane{transform:translateX(calc(var(--c) * 18));animation:none!important}}