:root{--CITY-SEC-building-translate-down: calc(100% + 10rem) ;--CITY-SEC-building-transition-duration: 600;--CITY-SEC-building-transition-delay-step: 100}.city-section{background-color:#fff;width:100%;aspect-ratio:16/7;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.city-section:before{box-shadow:inset 0 -2.9vw 1.3vw -1vw #fff}.city-section:after{box-shadow:inset 0 -2.9vw 1.3vw -1vw #cfcfc7}.city-section__wrapper{aspect-ratio:16/8;top:1px}.city-section__sky,.city-section__stars{top:0;right:0;bottom:0;left:0}.city-section__building-image{-webkit-transform:translateY(var(--CITY-SEC-building-translate-down));transform:translateY(var(--CITY-SEC-building-translate-down));-webkit-transition:-webkit-transform calc(var(--CITY-SEC-building-transition-duration) * 1ms) ease;transition:-webkit-transform calc(var(--CITY-SEC-building-transition-duration) * 1ms) ease;transition:transform calc(var(--CITY-SEC-building-transition-duration) * 1ms) ease;transition:transform calc(var(--CITY-SEC-building-transition-duration) * 1ms) ease,-webkit-transform calc(var(--CITY-SEC-building-transition-duration) * 1ms) ease}.city-section__building.animate .city-section__building-image{-webkit-transform:translateY(0);transform:translateY(0)}.city-section__building--2 .city-section__building-image,.city-section__building--4 .city-section__building-image{-webkit-transition-delay:0ms;transition-delay:0ms}.city-section__building--1 .city-section__building-image,.city-section__building--5 .city-section__building-image{-webkit-transition-delay:calc(var(--CITY-SEC-building-transition-delay-step) * 1ms);transition-delay:calc(var(--CITY-SEC-building-transition-delay-step) * 1ms)}.city-section__building--3 .city-section__building-image,.city-section__building--6 .city-section__building-image{-webkit-transition-delay:calc(var(--CITY-SEC-building-transition-delay-step) * 1ms * 2);transition-delay:calc(var(--CITY-SEC-building-transition-delay-step) * 1ms * 2)}.city-section__building--1{bottom:-50%;left:-25%;width:50%}.city-section__building--2{bottom:-24%;left:20%;width:22%}.city-section__building--3{bottom:-54%;left:-2%;width:45%}.city-section__building--4{bottom:-40%;right:6%;width:22%}.city-section__building--5{bottom:-40%;right:17%;width:30%}.city-section__building--6{bottom:-82%;right:-27%;width:52%}.city-section__moon{top:-12%;left:-34%;width:200%;-webkit-transform:rotate(36deg);transform:rotate(36deg)}.city-section__lottie{top:48%;left:55%;width:78%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width: 1300px){.city-section,.city-section__wrapper{aspect-ratio:4/3}.city-section__moon{top:4%;left:-44%;width:236%}.city-section__building--1{bottom:-24%;width:52%}.city-section__building--2{bottom:-8%;width:28%}.city-section__building--3{bottom:-30%;width:48%}.city-section__building--4{bottom:-12%;width:25%}.city-section__building--5{bottom:-32%;width:32%}.city-section__building--6{bottom:-50%;width:55%}.city-section__lottie{width:94%}}
/*# sourceMappingURL=/cdn/shop/t/293/assets/city-section.css.map */