/* Generated from the Figma prototype states by tools/gen_anim.py */
.hv-green{left:94px;top:84px;width:616px;height:500px}
.hv-stage.is-expand .hv-green{transform:translate(-16px,-16px) scale(1.05,1.06);opacity:1}
.hv-stage.is-contract .hv-green{transform:translate(12px,12px) scale(0.96,0.95);opacity:1}
.hv-stage.is-hover .hv-green{transform:translate(-28px,-28px) scale(1.09,1.11);opacity:1}
.hv-beige{left:45px;top:113px;width:646px;height:500px}
.hv-stage.is-expand .hv-beige{transform:translate(-10px,-6px) scale(1.04,1.03);opacity:1}
.hv-stage.is-contract .hv-beige{transform:translate(8px,6px) scale(0.98,0.98);opacity:1}
.hv-stage.is-hover .hv-beige{transform:translate(-16px,-10px) scale(1.06,1.05);opacity:1}
.hv-glass{left:16px;top:33px;width:535px;height:401px}
.hv-stage.is-expand .hv-glass{transform:translate(-16px,-14px) scale(1.04,1.04);opacity:1}
.hv-stage.is-contract .hv-glass{transform:translate(10px,8px) scale(0.98,0.98);opacity:1}
.hv-stage.is-hover .hv-glass{transform:translate(-16px,-24px) scale(1.03,1.05);opacity:1}
.hv-pa1{left:141px;top:502px;width:98px;height:71px}
.hv-stage.is-expand .hv-pa1{transform:translate(30.5px,-1px) rotate(10deg);opacity:0.45}
.hv-stage.is-hover .hv-pa1{transform:translate(70px,2.5px) rotate(22deg);opacity:0}
.hv-pa2{left:307px;top:428px;width:95px;height:71px}
.hv-stage.is-expand .hv-pa2{transform:translate(-4px,6px) rotate(-10deg);opacity:0.45}
.hv-stage.is-hover .hv-pa2{transform:translate(-21px,13.5px) rotate(-22deg);opacity:0}
.hv-pa3{left:175px;top:430px;width:192px;height:138px}
.hv-stage.is-expand .hv-pa3{transform:translate(-23px,-44px) rotate(10deg);opacity:0.45}
.hv-stage.is-hover .hv-pa3{transform:translate(-48.5px,-111.5px) rotate(22deg);opacity:0}
.hv-pb1{left:386px;top:520px;width:98px;height:69px}
.hv-stage.is-expand .hv-pb1{transform:translate(13.5px,-0.5px) rotate(-10deg);opacity:0.45}
.hv-stage.is-hover .hv-pb1{transform:translate(50.5px,4px) rotate(-22deg);opacity:0}
.hv-pb2{left:439px;top:564px;width:95px;height:70px}
.hv-stage.is-expand .hv-pb2{transform:translate(-18px,6px) rotate(-350deg);opacity:0.45}
.hv-stage.is-hover .hv-pb2{transform:translate(-40px,12.5px) rotate(-338deg);opacity:0}
.hv-pb3{left:541px;top:578px;width:198px;height:70px}
.hv-stage.is-expand .hv-pb3{transform:translate(-4.5px,-44.5px) rotate(-10deg);opacity:0.45}
.hv-stage.is-hover .hv-pb3{transform:translate(-23px,-111.5px) rotate(-22deg);opacity:0}
.hv-p1{left:252px;top:483px;width:10px;height:10px}
.hv-p1{background:#4c8774}
.hv-stage.is-expand .hv-p1{transform:translate(42px,0px) rotate(-0deg) scale(1.4);opacity:1}
.hv-stage.is-contract .hv-p1{transform:translate(6px,0px) rotate(-0deg) scale(0.8);opacity:0.5}
.hv-stage.is-hover .hv-p1{transform:translate(84px,0px) rotate(-0deg) scale(1.8);opacity:1}
.hv-p2{left:555px;top:574px;width:10px;height:10px}
.hv-p2{background:#ffe69b}
.hv-stage.is-expand .hv-p2{transform:translate(39px,35px) rotate(-15deg) scale(1.7);opacity:1}
.hv-stage.is-contract .hv-p2{transform:translate(6px,3px) rotate(-15deg) scale(1);opacity:0.5}
.hv-stage.is-hover .hv-p2{transform:translate(77px,73px) rotate(-15deg) scale(2.2);opacity:1}
.hv-p3{left:278px;top:497px;width:10px;height:10px}
.hv-p3{background:#bed96f}
.hv-stage.is-expand .hv-p3{transform:translate(47px,40px) rotate(-30deg) scale(1.9);opacity:1}
.hv-stage.is-contract .hv-p3{transform:translate(6px,3px) rotate(-30deg) scale(1.1);opacity:0.5}
.hv-stage.is-hover .hv-p3{transform:translate(95px,86px) rotate(-30deg) scale(2.5);opacity:1}
.hv-p4{left:551px;top:588px;width:10px;height:10px}
.hv-p4{background:#6b706b}
.hv-stage.is-expand .hv-p4{transform:translate(0px,80px) rotate(-0deg) scale(1.4);opacity:1}
.hv-stage.is-contract .hv-p4{transform:translate(0px,11px) rotate(-0deg) scale(0.8);opacity:0.5}
.hv-stage.is-hover .hv-p4{transform:translate(-1px,160px) rotate(-0deg) scale(1.8);opacity:1}
.hv-p5{left:274px;top:487px;width:10px;height:10px}
.hv-p5{background:#4c8774}
.hv-stage.is-expand .hv-p5{transform:translate(0px,38px) rotate(-15deg) scale(1.7);opacity:1}
.hv-stage.is-contract .hv-p5{transform:translate(0px,4px) rotate(-15deg) scale(1);opacity:0.5}
.hv-stage.is-hover .hv-p5{transform:translate(0px,79px) rotate(-15deg) scale(2.2);opacity:1}
.hv-p6{left:547px;top:578px;width:10px;height:10px}
.hv-p6{background:#ffe69b}
.hv-stage.is-expand .hv-p6{transform:translate(-38px,31px) rotate(-30deg) scale(1.9);opacity:1}
.hv-stage.is-contract .hv-p6{transform:translate(-5px,1px) rotate(-30deg) scale(1.1);opacity:0.5}
.hv-stage.is-hover .hv-p6{transform:translate(-77px,68px) rotate(-30deg) scale(2.5);opacity:1}
.hv-p7{left:270px;top:501px;width:10px;height:10px}
.hv-p7{background:#bed96f}
.hv-stage.is-expand .hv-p7{transform:translate(-48px,47px) rotate(-0deg) scale(1.4);opacity:1}
.hv-stage.is-contract .hv-p7{transform:translate(-7px,7px) rotate(-0deg) scale(0.8);opacity:0.5}
.hv-stage.is-hover .hv-p7{transform:translate(-96px,95px) rotate(-0deg) scale(1.8);opacity:1}
.hv-p8{left:543px;top:568px;width:10px;height:10px}
.hv-p8{background:#6b706b}
.hv-stage.is-expand .hv-p8{transform:translate(-79px,-4px) rotate(-15deg) scale(1.7);opacity:1}
.hv-stage.is-contract .hv-p8{transform:translate(-11px,-2px) rotate(-15deg) scale(1);opacity:0.5}
.hv-stage.is-hover .hv-p8{transform:translate(-159px,-6px) rotate(-15deg) scale(2.2);opacity:1}
.hv-p9{left:266px;top:491px;width:10px;height:10px}
.hv-p9{background:#4c8774}
.hv-stage.is-expand .hv-p9{transform:translate(-42px,-7px) rotate(-30deg) scale(1.9);opacity:1}
.hv-stage.is-contract .hv-p9{transform:translate(-6px,-4px) rotate(-30deg) scale(1.1);opacity:0.5}
.hv-stage.is-hover .hv-p9{transform:translate(-84px,-9px) rotate(-30deg) scale(2.5);opacity:1}
.hv-p10{left:569px;top:582px;width:10px;height:10px}
.hv-p10{background:#ffe69b}
.hv-stage.is-expand .hv-p10{transform:translate(-38px,-39px) rotate(-0deg) scale(1.4);opacity:1}
.hv-stage.is-contract .hv-p10{transform:translate(-5px,-6px) rotate(-0deg) scale(0.8);opacity:0.5}
.hv-stage.is-hover .hv-p10{transform:translate(-76px,-78px) rotate(-0deg) scale(1.8);opacity:1}
.hv-p11{left:262px;top:505px;width:10px;height:10px}
.hv-p11{background:#bed96f}
.hv-stage.is-expand .hv-p11{transform:translate(-48px,-51px) rotate(-15deg) scale(1.7);opacity:1}
.hv-stage.is-contract .hv-p11{transform:translate(-7px,-9px) rotate(-15deg) scale(1);opacity:0.5}
.hv-stage.is-hover .hv-p11{transform:translate(-96px,-100px) rotate(-15deg) scale(2.2);opacity:1}
.hv-p12{left:565px;top:572px;width:10px;height:10px}
.hv-p12{background:#6b706b}
.hv-stage.is-expand .hv-p12{transform:translate(1px,-87px) rotate(-30deg) scale(1.9);opacity:1}
.hv-stage.is-contract .hv-p12{transform:translate(1px,-15px) rotate(-30deg) scale(1.1);opacity:0.5}
.hv-stage.is-hover .hv-p12{transform:translate(2px,-169px) rotate(-30deg) scale(2.5);opacity:1}
.hv-p13{left:258px;top:495px;width:10px;height:10px}
.hv-p13{background:#4c8774}
.hv-stage.is-expand .hv-p13{transform:translate(0px,-42px) rotate(-0deg) scale(1.4);opacity:1}
.hv-stage.is-contract .hv-p13{transform:translate(0px,-6px) rotate(-0deg) scale(0.8);opacity:0.5}
.hv-stage.is-hover .hv-p13{transform:translate(0px,-84px) rotate(-0deg) scale(1.8);opacity:1}
.hv-p14{left:561px;top:586px;width:10px;height:10px}
.hv-p14{background:#ffe69b}
.hv-stage.is-expand .hv-p14{transform:translate(39px,-42px) rotate(-15deg) scale(1.7);opacity:1}
.hv-stage.is-contract .hv-p14{transform:translate(6px,-8px) rotate(-15deg) scale(1);opacity:0.5}
.hv-stage.is-hover .hv-p14{transform:translate(78px,-81px) rotate(-15deg) scale(2.2);opacity:1}
.hv-p15{left:254px;top:485px;width:10px;height:10px}
.hv-p15{background:#bed96f}
.hv-stage.is-expand .hv-p15{transform:translate(47px,-55px) rotate(-30deg) scale(1.9);opacity:1}
.hv-stage.is-contract .hv-p15{transform:translate(6px,-11px) rotate(-30deg) scale(1.1);opacity:0.5}
.hv-stage.is-hover .hv-p15{transform:translate(95px,-104px) rotate(-30deg) scale(2.5);opacity:1}
.hv-p16{left:557px;top:576px;width:10px;height:10px}
.hv-p16{background:#6b706b}
.hv-stage.is-expand .hv-p16{transform:translate(80px,0px) rotate(-0deg) scale(1.4);opacity:1}
.hv-stage.is-contract .hv-p16{transform:translate(12px,0px) rotate(-0deg) scale(0.8);opacity:0.5}
.hv-stage.is-hover .hv-p16{transform:translate(160px,1px) rotate(-0deg) scale(1.8);opacity:1}
.ch--fease .ch-folder{left:0px;top:0px;width:476px;height:640px;transform-origin:0px 0px}
.ch--fease.is-slide .ch-folder{transform:translate(-476px,8px) scale(1);opacity:0}
.ch--fease .ch-content{left:30px;top:56px;width:301px;height:512px;transform-origin:0px 0px}
.ch--fease.is-slide .ch-content{transform:translate(-476px,0px) scale(1);opacity:1}
.ch--fease.is-pop .ch-content{transform:translate(0px,-9px) scale(1.02);opacity:1}
.ch--fease .ch-phones{left:391px;top:56px;width:783px;height:584px;transform-origin:0px 0px}
.ch--fease.is-float .ch-phones{transform:translate(0px,8px) scale(1);opacity:1}
.ch--fease.is-slide .ch-phones{transform:translate(36px,0px) scale(1);opacity:1}
.ch--fease.is-fan .ch-phones{transform:translate(-48px,-45px) scale(1.11);opacity:1}
.ch--resident-portal .ch-phones{left:381px;top:0px;width:819px;height:624px;transform-origin:0px -7px}
.ch--resident-portal.is-float .ch-phones{transform:translate(0px,-16px) scale(1);opacity:1}
.ch--resident-portal.is-slide .ch-phones{transform:translate(36px,0px) scale(1);opacity:1}
.ch--resident-portal.is-fan .ch-phones{transform:translate(-44px,-38px) scale(1.1);opacity:1}
.ch--resident-portal .ch-fade{left:0px;top:420px;width:1200px;height:220px;transform-origin:0px 0px}
.ch--resident-portal.is-slide .ch-fade{transform:translate(0px,360px) scale(1);opacity:1}
.ch--resident-portal .ch-band{left:0px;top:481px;width:1200px;height:159px;transform-origin:0px 0px}
.ch--resident-portal.is-slide .ch-band{transform:translate(0px,160px) scale(1);opacity:1}
.ch--resident-portal .ch-logo{left:56px;top:202px;width:339px;height:248px;transform-origin:0px 0px}
.ch--resident-portal.is-float .ch-logo{transform:translate(0px,-6px) scale(1);opacity:1}
.ch--resident-portal.is-slide .ch-logo{transform:translate(-476px,0px) scale(1);opacity:0}
.ch--elevate-rides .ch-phones{left:220px;top:46px;width:980px;height:594px;transform-origin:0px 0px}
.ch--elevate-rides.is-float .ch-phones{transform:translate(0px,-16px) scale(1);opacity:1}
.ch--elevate-rides.is-slide .ch-phones{transform:translate(36px,0px) scale(1);opacity:1}
.ch--elevate-rides.is-fan .ch-phones{transform:translate(-50px,-32px) scale(1.1);opacity:1}
.ch--elevate-rides .ch-band{left:0px;top:558px;width:1200px;height:82px;transform-origin:0px 0px}
.ch--elevate-rides.is-slide .ch-band{transform:translate(0px,160px) scale(1);opacity:1}
.ch--elevate-rides .ch-column{left:0px;top:0px;width:226px;height:640px;transform-origin:0px 0px}
.ch--elevate-rides.is-slide .ch-column{transform:translate(-487px,0px) scale(1);opacity:0}
.ch--osomba .ch-orange{left:0px;top:342px;width:1200px;height:143px;transform-origin:0px 0px}
.ch--osomba.is-slide .ch-orange{transform:translate(0px,160px) scale(1);opacity:0}
.ch--osomba .ch-band{left:0px;top:515px;width:1200px;height:125px;transform-origin:0px 0px}
.ch--osomba.is-slide .ch-band{transform:translate(0px,160px) scale(1);opacity:1}
.ch--osomba .ch-logo{left:38px;top:355px;width:309px;height:105px;transform-origin:0px 0px}
.ch--osomba.is-float .ch-logo{transform:translate(0px,-6px) scale(1);opacity:1}
.ch--osomba.is-slide .ch-logo{transform:translate(-479px,0px) scale(1);opacity:0}
.ch--osomba .ch-phones{left:324px;top:14px;width:876px;height:626px;transform-origin:0px 0px}
.ch--osomba.is-float .ch-phones{transform:translate(0px,-16px) scale(1);opacity:1}
.ch--osomba.is-slide .ch-phones{transform:translate(36px,0px) scale(1);opacity:1}
.ch--osomba.is-fan .ch-phones{transform:translate(-120px,-51px) scale(1.1);opacity:1}