.isometric-city.svelte-1xz0ab1{--border-sketch:#000;--bg-sketch:#f7f7f7;--window:#ababab;--ground-bg:#e6e6e6;--ground-dark:#b3b3b3;--car-1:var(--color-primary);--car-2:var(--color-secondary);--scale:1;--translateX:50px;width:fit-content;transform:rotateZ(45deg) translateX(var(--translateX)) scale(var(--scale));flex-wrap:wrap;justify-content:center;margin:auto;font-family:sans-serif;transition:transform .3s;display:flex}@media (width<=1190px){.isometric-city.svelte-1xz0ab1{--scale:.8}}@media (width<=1070px){.isometric-city.svelte-1xz0ab1{--scale:.6}}@media (width<=1024px){.isometric-city.svelte-1xz0ab1{--scale:.8}}@media (width<=600px){.isometric-city.svelte-1xz0ab1{--scale:.6;--translateX:0px}}.iso-container.svelte-1xz0ab1{width:100%;position:relative}.ground.svelte-1xz0ab1{background-color:var(--bg-sketch);border:1px solid var(--border-sketch);z-index:0;width:360px;height:360px;position:relative}.grass-area.svelte-1xz0ab1{background-color:var(--bg-sketch);z-index:2;width:var(--w);height:var(--h);bottom:var(--b);left:var(--l);top:var(--t);right:var(--r);border:1px solid var(--border-sketch);background-image:url(./hachure.Bzs8f9Dz.svg);position:absolute}.parking-spot.svelte-1xz0ab1{background-color:var(--bg-sketch);border:1px solid var(--border-sketch);width:15px;height:23px;color:var(--border-sketch);z-index:2;bottom:var(--b);right:var(--r);border:1px solid var(--border-sketch);justify-content:center;align-items:center;font-size:9pt;display:flex;position:absolute;transform:rotate(-90deg)}.parking-spot.svelte-1xz0ab1:after{content:"P"}.water-zone.svelte-1xz0ab1{width:var(--w);height:var(--h);background-color:var(--bg-sketch);z-index:3;bottom:var(--b);right:var(--r);border:1px solid var(--border-sketch);border-radius:2px;position:absolute}.water-drops.svelte-1xz0ab1{width:100%;height:100%;position:relative}.water-drops.svelte-1xz0ab1 div:where(.svelte-1xz0ab1){bottom:10px;left:var(--l);background-color:var(--bg-sketch);border:1px solid var(--border-sketch);opacity:.4;width:4px;height:0;animation:2s infinite svelte-1xz0ab1-water-drops;animation-delay:var(--d);border-radius:4px;position:absolute;transform:rotate(-45deg)}@keyframes svelte-1xz0ab1-water-drops{0%,to{border-radius:3px;height:0}50%{height:15px}}.tree.svelte-1xz0ab1{background:var(--bg-sketch);z-index:6;transform-origin:bottom;width:30px;height:30px;top:var(--t);left:var(--l);bottom:var(--b);right:var(--r);border:1px solid var(--border-sketch);border-radius:10% 50% 50%;animation:2s ease-in-out infinite alternate svelte-1xz0ab1-sway;position:absolute}.tree.svelte-1xz0ab1:before{content:"";background:var(--bg-sketch);border:1px solid var(--border-sketch);width:33%;height:20%;position:absolute;bottom:-3px;left:calc(50% + 9px);transform:rotate(45deg)}@keyframes svelte-1xz0ab1-sway{0%{transform:skew(12deg)}60%{transform:skew(0)}to{transform:skew(12deg)}}.car.svelte-1xz0ab1{border:1px solid var(--border-sketch);z-index:5;width:15px;height:7px;position:absolute}.car.svelte-1xz0ab1:after{content:"";width:100%;height:100%;display:block}.car-1.svelte-1xz0ab1{background-color:var(--car-1);visibility:hidden;animation:9s linear .25s infinite svelte-1xz0ab1-car-one}.car-2.svelte-1xz0ab1{background-color:var(--car-2);visibility:hidden;animation:14s linear 5s infinite svelte-1xz0ab1-car-two}@keyframes svelte-1xz0ab1-car-one{0%{visibility:hidden;top:79px;left:0;transform:rotate(0);box-shadow:2px 2px #333}1%{visibility:visible}24%{transform:rotate(0);box-shadow:2px 2px #333}25%{top:79px;left:76px;transform:rotate(90deg);box-shadow:2px -2px #333}90%{top:calc(100% - 10px);left:76px;transform:rotate(90deg);box-shadow:2px -2px #333}91%{visibility:hidden}}@keyframes svelte-1xz0ab1-car-two{0%{visibility:visible;top:0;right:14px;transform:rotate(90deg);box-shadow:2px -2px #333}19%{transform:rotate(90deg);box-shadow:2px -2px #333}20%{top:112px;right:14px;transform:rotate(180deg);box-shadow:-2px -2px #333}30%,50%{top:112px;right:39px;transform:rotate(180deg);box-shadow:-2px -2px #333}60%{top:112px;right:2px;transform:rotate(180deg);box-shadow:-2px -2px #333}61%{top:112px;right:2px;transform:rotate(270deg);box-shadow:-2px 2px #333}66%{top:125px;right:2px;transform:rotate(270deg);box-shadow:-2px 2px #333}80%{top:0;right:2px;transform:rotate(270deg);box-shadow:-2px 2px #333}81%,to{visibility:hidden}}.structure.svelte-1xz0ab1{z-index:6;height:50px;bottom:var(--b);left:var(--l);top:var(--t);right:var(--r);width:var(--w,50px);position:absolute}.structure.building.svelte-1xz0ab1{--w:50px}.wall-one.svelte-1xz0ab1,.wall-two.svelte-1xz0ab1{border:1px solid var(--border-sketch);display:block;position:absolute}.wall-one.svelte-1xz0ab1{background-color:var(--bg-sketch);width:50px;top:0;left:calc(var(--w) * -.75);transform:skew(45deg)}.structure.building.svelte-1xz0ab1 .wall-one:where(.svelte-1xz0ab1){height:50px;left:-25px}.wall-two.svelte-1xz0ab1{background-color:var(--bg-sketch);height:50px;left:0;top:calc(var(--w) * -.75);transform:skewY(45deg)}.structure.building.svelte-1xz0ab1 .wall-two:where(.svelte-1xz0ab1){width:50px;top:-25px}.roof.svelte-1xz0ab1{background-color:var(--bg-sketch);border:1px solid var(--border-sketch);background-image:url(./hachure.Bzs8f9Dz.svg);border-radius:2px;width:50px;height:50px;position:absolute;top:-50px;left:-50px}.windows-grid.svelte-1xz0ab1{background-color:var(--window);width:5px;height:7px;position:absolute;top:3px;left:8px}.windows-grid.large.svelte-1xz0ab1{box-shadow:0 10px 0 0 var(--window), 0 20px 0 0 var(--window), 0 30px 0 0 var(--window), 10px 0 0 0 var(--window), 10px 10px 0 0 var(--window), 10px 20px 0 0 var(--window), 10px 30px 0 0 var(--window), 20px 0 0 0 var(--window), 20px 10px 0 0 var(--window), 20px 20px 0 0 var(--window), 20px 30px 0 0 var(--window), 30px 0 0 0 var(--window), 30px 10px 0 0 var(--window), 30px 20px 0 0 var(--window), 30px 30px 0 0 var(--window)}.hero.svelte-juboms{width:100%;height:calc(100vh - 180px);margin:auto auto 70px;position:relative}.text-container.svelte-juboms{background-color:#fff;border:1px solid #e7e7e7;padding:3rem;position:relative}.text-container.svelte-juboms:before,.text-container.svelte-juboms:after{content:"";z-index:-1;background:#000000b3;width:50%;max-width:300px;position:absolute;top:80%;bottom:15px;left:10px;transform:rotate(-3deg);box-shadow:0 15px 10px #000000b3}.text-container.svelte-juboms:after{right:10px;left:unset;transform:rotate(3deg)}