.city[data-v-3b17b6bf]{aspect-ratio:1.05;border-radius:0 0 40% 40%/0 0 14% 14%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent);overflow:hidden;position:relative;width:min(100%,34rem)}.city-sun[data-v-3b17b6bf]{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,var(--color-gold-hi),var(--color-orange));border-radius:50%;box-shadow:0 0 100px 10px #f2b3004d;left:50%;position:absolute;top:10%;transform:translate(-50%);width:46%}.city-row[data-v-3b17b6bf]{display:flex;left:0;position:absolute;width:200%}.city-row svg[data-v-3b17b6bf]{height:100%;width:50%}.city-row.is-back[data-v-3b17b6bf]{bottom:30%;fill:#0e95488c;height:34%}.city-row.is-front[data-v-3b17b6bf]{bottom:24%;fill:var(--color-brand-950);height:26%}.city-window[data-v-3b17b6bf]{fill:#f2b3008c}[data-motion=on] .city-row.is-back[data-v-3b17b6bf]{animation:city-slide-3b17b6bf 48s linear infinite}[data-motion=on] .city-row.is-front[data-v-3b17b6bf]{animation:city-slide-3b17b6bf 26s linear infinite}.city-road[data-v-3b17b6bf]{color:var(--color-gold);height:34%;inset:auto -6% 0;position:absolute}@keyframes city-slide-3b17b6bf{to{transform:translate(-50%)}}