.web-konstrukcija[data-astro-cid-q5q75mnp]{--objekt-rx:0deg;--objekt-ry:0deg;--objekt-tx:0px;--objekt-ty:0px;--kamera-bocno:-21deg;--live-z:-105px;--live-z-fokus:-24px;--kod-z:-52px;--kod-z-odvojeno:105px;--dizajn-z:0px;--dizajn-z-odvojeno:185px;--staticki-kamera:-21deg;--staticki-kod-z:0px;--staticki-dizajn-z:105px;isolation:isolate;min-width:0;min-height:clamp(32rem,47vw,40rem);margin:0;position:relative}.web-konstrukcija[data-astro-cid-q5q75mnp]:before{content:"";z-index:-2;opacity:.32;background-image:linear-gradient(90deg,#2b2c2d1f 1px,#0000 1px),linear-gradient(#2b2c2d1a 1px,#0000 1px);background-size:3.5rem 3.5rem;position:absolute;inset:2.25rem 0 3.6rem;mask-image:radial-gradient(at 54% 48%,#000 0 36%,#0000 76%)}.web-konstrukcija[data-astro-cid-q5q75mnp]:after{content:"";z-index:-1;aspect-ratio:1;filter:blur(10px);background:radial-gradient(circle,#fe8f0729,#fe8f0709 42%,#0000 69%);border-radius:50%;width:64%;position:absolute;top:24%;left:19%}.web-konstrukcija__meta[data-astro-cid-q5q75mnp],.web-konstrukcija__podnozje[data-astro-cid-q5q75mnp]{z-index:20;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.55rem;line-height:1;display:flex;position:absolute;left:0;right:0}.web-konstrukcija__meta[data-astro-cid-q5q75mnp]{border-bottom:1px solid #2b2c2d33;padding-bottom:.9rem;top:.2rem}.web-konstrukcija__status[data-astro-cid-q5q75mnp]{align-items:center;gap:.45rem;display:flex}.web-konstrukcija__status[data-astro-cid-q5q75mnp] i[data-astro-cid-q5q75mnp],.web-live__spremno[data-astro-cid-q5q75mnp] i[data-astro-cid-q5q75mnp]{aspect-ratio:1;background:#58ad75;border-radius:50%;width:.4rem;box-shadow:0 0 .75rem #58ad75b8}.web-konstrukcija__scena[data-astro-cid-q5q75mnp]{perspective:1200px;position:absolute;inset:2.7rem 0 3.7rem}.web-konstrukcija__scena[data-astro-cid-q5q75mnp]:after{content:"";filter:blur(22px);background:#2b2c2d38;border-radius:50%;height:12%;position:absolute;bottom:7%;left:24%;right:14%;transform:rotate(-8deg)}.web-konstrukcija__orbita[data-astro-cid-q5q75mnp]{border:1px solid #2b2c2d33;position:absolute;inset:10% 8% 11% 10%;transform:rotate(-7deg)skew(-3deg)}.web-konstrukcija__orbita[data-astro-cid-q5q75mnp]:before,.web-konstrukcija__orbita[data-astro-cid-q5q75mnp]:after{content:"";aspect-ratio:1;background:var(--kc-svijetla);border:1px solid var(--kc-narancasta);width:.42rem;position:absolute}.web-konstrukcija__orbita[data-astro-cid-q5q75mnp]:before{top:25%;left:-.25rem}.web-konstrukcija__orbita[data-astro-cid-q5q75mnp]:after{bottom:22%;right:-.25rem}.web-konstrukcija__koordinata[data-astro-cid-q5q75mnp]{z-index:3;letter-spacing:.13em;text-transform:uppercase;opacity:.42;font-size:.48rem;position:absolute}.web-konstrukcija__koordinata--gore[data-astro-cid-q5q75mnp]{top:8%;left:2%}.web-konstrukcija__koordinata--dolje[data-astro-cid-q5q75mnp]{writing-mode:vertical-rl;bottom:8%;right:1%}.web-konstrukcija__perspektiva[data-astro-cid-q5q75mnp]{z-index:5;aspect-ratio:.82;width:min(71%,21rem);transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--objekt-tx)), calc(-50% + var(--objekt-ty)), 0) rotateX(calc(5deg + var(--objekt-rx))) rotateY(calc(-9deg + var(--objekt-ry))) rotateZ(-3deg);transition:transform .7s var(--kc-ease);position:absolute;top:49%;left:50%}.web-konstrukcija__objekt[data-astro-cid-q5q75mnp]{transform-style:preserve-3d;transform-origin:center center var(--kod-z);will-change:transform;animation:web-kamera 13s 1.2s var(--kc-ease) infinite both;animation-play-state:paused;position:absolute;inset:0;transform:rotateY(0)}.web-sloj[data-astro-cid-q5q75mnp]{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;animation-duration:13s;animation-delay:1.2s;animation-timing-function:var(--kc-ease);border:1px solid #2b2c2db8;animation-iteration-count:infinite;animation-play-state:paused;animation-fill-mode:both;position:absolute;inset:0;overflow:hidden;box-shadow:0 2.2rem 4.5rem #1f202133,.65rem .75rem #2b2c2d12}.web-sloj--live[data-astro-cid-q5q75mnp]{z-index:1;color:#fffefdd1;transform:translate3d(1rem,-.8rem,var(--live-z));background:#18191a;animation-name:web-sloj-live}.web-sloj--kod[data-astro-cid-q5q75mnp]{z-index:2;color:#fffefdd1;transform:translate3d(.45rem,-.35rem,var(--kod-z));background:#252627;animation-name:web-sloj-kod}.web-sloj--dizajn[data-astro-cid-q5q75mnp]{z-index:3;color:var(--kc-tamna);background:var(--kc-svijetla);transform:translate3d(0,0,var(--dizajn-z));animation-name:web-sloj-dizajn}.web-sloj__vrh[data-astro-cid-q5q75mnp]{z-index:4;text-transform:uppercase;border-bottom:1px solid #2b2c2d38;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;min-height:3.15rem;padding:0 .85rem;display:grid;position:relative}.web-sloj--live[data-astro-cid-q5q75mnp] .web-sloj__vrh[data-astro-cid-q5q75mnp],.web-sloj--kod[data-astro-cid-q5q75mnp] .web-sloj__vrh[data-astro-cid-q5q75mnp]{border-color:#ffffff26}.web-sloj__broj[data-astro-cid-q5q75mnp]{color:var(--kc-narancasta);letter-spacing:.1em;font:600 .48rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.web-sloj__vrh[data-astro-cid-q5q75mnp]>strong[data-astro-cid-q5q75mnp]{letter-spacing:.13em;white-space:nowrap;font-variation-settings:"wdth" 76, "wght" 690;border-left:1px solid;padding-left:.7rem;font-size:clamp(.82rem,1.45vw,1rem);line-height:1}.web-sloj--live[data-astro-cid-q5q75mnp] .web-sloj__vrh[data-astro-cid-q5q75mnp]>strong[data-astro-cid-q5q75mnp],.web-sloj--kod[data-astro-cid-q5q75mnp] .web-sloj__vrh[data-astro-cid-q5q75mnp]>strong[data-astro-cid-q5q75mnp]{border-color:#ffffff2e}.web-sloj__opis[data-astro-cid-q5q75mnp]{letter-spacing:.08em;white-space:nowrap;opacity:.48;justify-self:end;font:.43rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.web-live__spremno[data-astro-cid-q5q75mnp]{opacity:.76;align-items:center;gap:.38rem;display:flex}.web-live__spremno[data-astro-cid-q5q75mnp] i[data-astro-cid-q5q75mnp]{width:.34rem}.web-live__tijelo[data-astro-cid-q5q75mnp],.web-kod__tijelo[data-astro-cid-q5q75mnp],.web-dizajn__platno[data-astro-cid-q5q75mnp]{height:calc(100% - 3.15rem);position:relative;overflow:hidden}.web-live__tijelo[data-astro-cid-q5q75mnp],.web-kod__tijelo[data-astro-cid-q5q75mnp]{background:#18191a}.web-dizajn__platno[data-astro-cid-q5q75mnp]{background:#fffefd}.web-sloj__napomena[data-astro-cid-q5q75mnp]{z-index:5;letter-spacing:.1em;text-transform:uppercase;opacity:.42;font:.42rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:.75rem;left:.9rem}.web-sloj__dno[data-astro-cid-q5q75mnp]{z-index:5;letter-spacing:.08em;text-transform:uppercase;opacity:.56;border-top:1px solid #2b2c2d2e;align-items:center;gap:.5rem;padding-top:.55rem;font:.4rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;bottom:.75rem;left:.9rem;right:.9rem}.web-sloj__dno[data-astro-cid-q5q75mnp]>span[data-astro-cid-q5q75mnp]{white-space:nowrap}.web-sloj__dno[data-astro-cid-q5q75mnp]>i[data-astro-cid-q5q75mnp]{opacity:.24;background:currentColor;flex:1;height:1px}.web-sloj--live[data-astro-cid-q5q75mnp] .web-sloj__dno[data-astro-cid-q5q75mnp]{border-color:#ffffff24}.web-mreza[data-astro-cid-q5q75mnp]{position:absolute;inset:2.25rem .65rem 2rem}.web-mreza__zica[data-astro-cid-q5q75mnp]{z-index:1;transform-origin:0;background:#ffffff47;height:1px;position:absolute}.web-mreza__zica[data-astro-cid-q5q75mnp]:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 1.2rem,#fe8f0757 1.2rem 1.26rem,#0000 1.26rem 2rem);position:absolute;inset:-2px 0}.web-mreza__zica--cloud-server[data-astro-cid-q5q75mnp]{width:47%;top:23%;left:50%;transform:rotate(134deg)}.web-mreza__zica--server-client[data-astro-cid-q5q75mnp]{width:64%;top:59%;left:18%}.web-mreza__zica--client-cloud[data-astro-cid-q5q75mnp]{width:47%;top:59%;left:82%;transform:rotate(-134deg)}.web-mreza__signal[data-astro-cid-q5q75mnp]{z-index:4;aspect-ratio:1;background:var(--kc-narancasta);opacity:0;border-radius:50%;width:.46rem;animation:13s linear 1.2s infinite both web-mreza-signal;position:absolute;top:23%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 .9rem #fe8f07e6}.web-mreza__cvor[data-astro-cid-q5q75mnp]{z-index:3;justify-items:center;gap:.45rem;width:4.5rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.web-mreza__cvor[data-astro-cid-q5q75mnp]>strong[data-astro-cid-q5q75mnp]{letter-spacing:.1em;font:600 .42rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.web-mreza__cvor--cloud[data-astro-cid-q5q75mnp]{top:23%;left:50%}.web-mreza__cvor--server[data-astro-cid-q5q75mnp]{top:59%;left:18%}.web-mreza__cvor--client[data-astro-cid-q5q75mnp]{top:59%;left:82%}.web-ikona-oblak[data-astro-cid-q5q75mnp]{background:#18191a;border:1px solid #ffffffa3;border-radius:1rem;width:3rem;height:1.15rem;position:relative}.web-ikona-oblak[data-astro-cid-q5q75mnp]:before,.web-ikona-oblak[data-astro-cid-q5q75mnp]:after{content:"";background:#18191a;border:1px solid #ffffffa3;border-bottom:0;border-radius:50% 50% 0 0;position:absolute;bottom:.48rem}.web-ikona-oblak[data-astro-cid-q5q75mnp]:before{width:1rem;height:.85rem;left:.55rem}.web-ikona-oblak[data-astro-cid-q5q75mnp]:after{width:.76rem;height:.62rem;left:1.35rem}.web-ikona-oblak[data-astro-cid-q5q75mnp] i[data-astro-cid-q5q75mnp]{z-index:2;aspect-ratio:1;background:var(--kc-narancasta);border-radius:50%;width:.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-35%)}.web-ikona-server[data-astro-cid-q5q75mnp]{gap:.18rem;width:2.75rem;display:grid}.web-ikona-server[data-astro-cid-q5q75mnp]>i[data-astro-cid-q5q75mnp]{background:#18191a;border:1px solid #ffffff8f;height:.55rem;position:relative}.web-ikona-server[data-astro-cid-q5q75mnp]>i[data-astro-cid-q5q75mnp]:before{content:"";aspect-ratio:1;background:var(--kc-narancasta);border-radius:50%;width:.22rem;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.web-ikona-racunalo[data-astro-cid-q5q75mnp]{width:3.25rem;padding-bottom:.48rem;display:block;position:relative}.web-ikona-racunalo[data-astro-cid-q5q75mnp]>i[data-astro-cid-q5q75mnp]{background:#18191a;border:1px solid #fff9;align-items:end;gap:.2rem;height:1.9rem;padding:.35rem .45rem;display:flex}.web-ikona-racunalo[data-astro-cid-q5q75mnp] b[data-astro-cid-q5q75mnp]{background:#ffffff52;flex:1}.web-ikona-racunalo[data-astro-cid-q5q75mnp] b[data-astro-cid-q5q75mnp]:first-child{height:36%}.web-ikona-racunalo[data-astro-cid-q5q75mnp] b[data-astro-cid-q5q75mnp]:nth-child(2){background:var(--kc-narancasta);height:72%}.web-ikona-racunalo[data-astro-cid-q5q75mnp] b[data-astro-cid-q5q75mnp]:nth-child(3){height:52%}.web-ikona-racunalo[data-astro-cid-q5q75mnp] em[data-astro-cid-q5q75mnp]{background:#fff9;width:1.5rem;height:1px;position:absolute;bottom:.15rem;left:50%;transform:translate(-50%)}.web-ikona-racunalo[data-astro-cid-q5q75mnp] em[data-astro-cid-q5q75mnp]:before{content:"";background:#fff9;width:1px;height:.4rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.web-kod__tijelo[data-astro-cid-q5q75mnp]{padding:2.15rem .9rem .75rem}.web-kod__editor[data-astro-cid-q5q75mnp]{border-top:1px solid #ffffff24;position:relative}.web-kod__editor[data-astro-cid-q5q75mnp] p[data-astro-cid-q5q75mnp]{border-bottom:1px solid #ffffff12;grid-template-columns:1.35rem minmax(0,1fr);min-height:2rem;margin:0;display:grid}.web-kod__editor[data-astro-cid-q5q75mnp] p[data-astro-cid-q5q75mnp]>b[data-astro-cid-q5q75mnp]{color:#ffffff38;border-right:1px solid #ffffff14;place-items:center;font:400 .42rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.web-kod__editor[data-astro-cid-q5q75mnp] code[data-astro-cid-q5q75mnp]{color:#ffffffb8;white-space:nowrap;align-items:center;min-width:0;padding-left:.65rem;font:.53rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.web-kod__tekst[data-astro-cid-q5q75mnp]{clip-path:inset(0 100% 0 0);display:inline-block}.web-kod__tekst[data-astro-cid-q5q75mnp] em[data-astro-cid-q5q75mnp]{color:#c4a0da;font-style:normal}.web-kod__tekst[data-astro-cid-q5q75mnp] i[data-astro-cid-q5q75mnp]{color:#e3b86f;font-style:normal}.web-kod__tekst--1[data-astro-cid-q5q75mnp]{animation:13s steps(12,end) 1.2s infinite both web-kod-red-1}.web-kod__tekst--2[data-astro-cid-q5q75mnp]{animation:13s steps(15,end) 1.2s infinite both web-kod-red-2}.web-kod__tekst--3[data-astro-cid-q5q75mnp]{animation:13s steps(15,end) 1.2s infinite both web-kod-red-3}.web-kod__tekst--4[data-astro-cid-q5q75mnp]{animation:13s steps(5,end) 1.2s infinite both web-kod-red-4}.web-kod__kursor[data-astro-cid-q5q75mnp]{z-index:2;background:var(--kc-narancasta);opacity:0;width:1px;height:.75rem;animation:13s step-end 1.2s infinite both web-kod-kursor;position:absolute;top:.62rem;right:.55rem}.web-kod__build[data-astro-cid-q5q75mnp]{letter-spacing:.06em;border-top:1px solid #ffffff24;grid-template-columns:auto minmax(2rem,1fr) auto;align-items:center;gap:.55rem;padding-top:.6rem;font:.4rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;bottom:.8rem;left:.9rem;right:.9rem}.web-kod__build[data-astro-cid-q5q75mnp]>span[data-astro-cid-q5q75mnp]{opacity:.44}.web-kod__build[data-astro-cid-q5q75mnp]>i[data-astro-cid-q5q75mnp]{background:#ffffff1f;height:2px;overflow:hidden}.web-kod__build[data-astro-cid-q5q75mnp]>i[data-astro-cid-q5q75mnp] b[data-astro-cid-q5q75mnp]{background:var(--kc-narancasta);transform-origin:0;width:100%;height:100%;animation:13s linear 1.2s infinite both web-kod-build;display:block;transform:scaleX(0)}.web-kod__build[data-astro-cid-q5q75mnp] strong[data-astro-cid-q5q75mnp]{color:#58ad75;opacity:0;animation:web-kod-uspjeh 13s 1.2s var(--kc-ease) infinite both;align-items:center;gap:.3rem;font-weight:500;display:flex;transform:translateY(.25rem)}.web-kod__build[data-astro-cid-q5q75mnp] strong[data-astro-cid-q5q75mnp] i[data-astro-cid-q5q75mnp]{aspect-ratio:1;background:currentColor;border-radius:50%;width:.28rem;box-shadow:0 0 .55rem}.web-dizajn__platno[data-astro-cid-q5q75mnp]:before{content:"";opacity:.08;background-image:linear-gradient(to right, var(--kc-tamna) 1px, transparent 1px), linear-gradient(to bottom, var(--kc-tamna) 1px, transparent 1px);background-size:25% 25%;position:absolute;inset:0}.web-vektor[data-astro-cid-q5q75mnp]{opacity:1;animation:13s linear 1.2s infinite both web-vektor-ciklus;position:absolute;inset:2.45rem .75rem 2rem}.web-vektor__linija[data-astro-cid-q5q75mnp]{z-index:2;background:var(--kc-narancasta);height:2px;transform:rotate(var(--kut)) scaleX(0);transform-origin:0;position:absolute}.web-vektor__linija--1[data-astro-cid-q5q75mnp]{--kut:-58deg;width:49.5%;animation:web-vektor-linija-1 13s 1.2s var(--kc-ease) infinite both;top:74%;left:10%}.web-vektor__linija--2[data-astro-cid-q5q75mnp]{--kut:50deg;width:45%;animation:web-vektor-linija-2 13s 1.2s var(--kc-ease) infinite both;top:28%;left:35%}.web-vektor__linija--3[data-astro-cid-q5q75mnp]{--kut:-57deg;width:48%;animation:web-vektor-linija-3 13s 1.2s var(--kc-ease) infinite both;top:66%;left:63%}.web-vektor__sidro[data-astro-cid-q5q75mnp]{z-index:4;aspect-ratio:1;border:1px solid var(--kc-tamna);background:#fffefd;width:.48rem;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.web-vektor__sidro--1[data-astro-cid-q5q75mnp]{top:74%;left:10%}.web-vektor__sidro--2[data-astro-cid-q5q75mnp]{top:28%;left:35%}.web-vektor__sidro--3[data-astro-cid-q5q75mnp]{top:66%;left:63%}.web-vektor__sidro--4[data-astro-cid-q5q75mnp]{top:22%;left:88%}.web-vektor__rucica[data-astro-cid-q5q75mnp]{z-index:1;transform-origin:50%;background:#2b2c2d52;width:3.2rem;height:1px;position:absolute}.web-vektor__rucica[data-astro-cid-q5q75mnp]:before,.web-vektor__rucica[data-astro-cid-q5q75mnp]:after{content:"";aspect-ratio:1;background:#fffefd;border:1px solid #2b2c2d73;border-radius:50%;width:.24rem;position:absolute;top:50%;transform:translateY(-50%)}.web-vektor__rucica[data-astro-cid-q5q75mnp]:before{left:0}.web-vektor__rucica[data-astro-cid-q5q75mnp]:after{right:0}.web-vektor__rucica--1[data-astro-cid-q5q75mnp]{top:28%;left:calc(35% - 1.6rem);transform:rotate(-16deg)}.web-vektor__rucica--2[data-astro-cid-q5q75mnp]{top:66%;left:calc(63% - 1.6rem);transform:rotate(12deg)}.web-vektor__pen[data-astro-cid-q5q75mnp]{z-index:6;background:var(--kc-tamna);clip-path:polygon(50% 0,100% 72%,58% 100%,0 40%);opacity:0;width:1.15rem;height:1.45rem;animation:web-vektor-pen 13s 1.2s var(--kc-ease) infinite both;position:absolute;top:74%;left:10%;transform:translate(-12%,-86%)rotate(12deg)}.web-vektor__pen[data-astro-cid-q5q75mnp] i[data-astro-cid-q5q75mnp]{aspect-ratio:1;background:var(--kc-narancasta);border-radius:50%;width:.22rem;position:absolute;bottom:8%;left:43%}.web-konstrukcija__podnozje[data-astro-cid-q5q75mnp]{border-top:1px solid #2b2c2d33;min-height:2.55rem;padding-top:.85rem;bottom:.1rem}.web-konstrukcija__tok[data-astro-cid-q5q75mnp]{align-items:center;gap:.55rem;min-width:0;display:flex}.web-konstrukcija__tok[data-astro-cid-q5q75mnp] span[data-astro-cid-q5q75mnp]{white-space:nowrap;gap:.3rem;display:flex}.web-konstrukcija__tok[data-astro-cid-q5q75mnp] span[data-astro-cid-q5q75mnp] b[data-astro-cid-q5q75mnp]{color:var(--kc-narancasta);font-weight:600}.web-konstrukcija__tok[data-astro-cid-q5q75mnp]>i[data-astro-cid-q5q75mnp]{background:#2b2c2d3d;width:clamp(.6rem,2.2vw,1.8rem);height:1px}.web-konstrukcija__pauza[data-astro-cid-q5q75mnp]{color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:1px solid #2b2c2d40;align-items:center;gap:.45rem;padding:.45rem .5rem;transition:color .2s,background .2s,border-color .2s;display:none}.js .web-konstrukcija__pauza[data-astro-cid-q5q75mnp]{display:flex}.web-konstrukcija__pauza[data-astro-cid-q5q75mnp]:hover{color:var(--kc-svijetla);background:var(--kc-tamna);border-color:var(--kc-tamna)}.web-konstrukcija__pauza[data-astro-cid-q5q75mnp]:focus-visible{outline:2px solid var(--kc-narancasta);outline-offset:3px}.web-konstrukcija__pauza[data-astro-cid-q5q75mnp] i[data-astro-cid-q5q75mnp]{border-inline:1px solid;width:.42rem;height:.55rem}.web-konstrukcija__pauza[data-astro-cid-q5q75mnp][aria-pressed=true] i[data-astro-cid-q5q75mnp]{border:0;border-top:.3rem solid #0000;border-bottom:.3rem solid #0000;border-left:.45rem solid;width:0;height:0}.web-mini-animacija[data-astro-cid-q5q75mnp]{animation-play-state:paused}.web-konstrukcija[data-astro-cid-q5q75mnp].is-ceka{opacity:0}.web-konstrukcija[data-astro-cid-q5q75mnp].is-gradi{animation:web-konstrukcija-ulaz .9s .88s var(--kc-ease) both}.web-konstrukcija[data-astro-cid-q5q75mnp].is-gradi:not(.is-pauzirano) .web-konstrukcija__objekt[data-astro-cid-q5q75mnp],.web-konstrukcija[data-astro-cid-q5q75mnp].is-gradi:not(.is-pauzirano) .web-sloj[data-astro-cid-q5q75mnp],.web-konstrukcija[data-astro-cid-q5q75mnp].is-gradi:not(.is-pauzirano) .web-mini-animacija[data-astro-cid-q5q75mnp]{animation-play-state:running}.web-konstrukcija[data-astro-cid-q5q75mnp].is-pauzirano .web-konstrukcija__objekt[data-astro-cid-q5q75mnp],.web-konstrukcija[data-astro-cid-q5q75mnp].is-pauzirano .web-sloj[data-astro-cid-q5q75mnp],.web-konstrukcija[data-astro-cid-q5q75mnp].is-pauzirano .web-mini-animacija[data-astro-cid-q5q75mnp]{animation-play-state:paused}@keyframes web-konstrukcija-ulaz{0%{opacity:0;transform:translateY(1.4rem)scale(.97)}to{opacity:1;transform:none}}@keyframes web-kamera{0%,9%,91%,to{transform:rotateY(0)}27%,78%{transform:rotateY(var(--kamera-bocno))}}@keyframes web-sloj-live{0%,52%,76%,to{filter:brightness();transform:translate3d(1rem,-.8rem,var(--live-z))}58%,68%{filter:brightness(1.13);transform:translate3d(.35rem,-.25rem,var(--live-z-fokus))}}@keyframes web-sloj-kod{0%,43%{opacity:1;transform:translate3d(.45rem,-.35rem,var(--kod-z)) rotateZ(0)}54%,67%{opacity:0;transform:translate3d(.45rem,-.35rem,var(--kod-z-odvojeno)) rotateZ(-1deg)}67%{animation-timing-function:cubic-bezier(.2,.88,.24,1)}73%,to{opacity:1;transform:translate3d(.45rem,-.35rem,var(--kod-z)) rotateZ(0)}}@keyframes web-sloj-dizajn{0%,30%{opacity:1;transform:translate3d(0,0,var(--dizajn-z)) rotateZ(0)}43%,68%{opacity:0;transform:translate3d(0,0,var(--dizajn-z-odvojeno)) rotateZ(-1.4deg)}68%{animation-timing-function:cubic-bezier(.2,.88,.24,1)}76%,to{opacity:1;transform:translate3d(0,0,var(--dizajn-z)) rotateZ(0)}}@keyframes web-vektor-ciklus{0%,2%{opacity:0}4%,94%{opacity:1}98%,to{opacity:0}}@keyframes web-vektor-linija-1{0%,4%{transform:rotate(var(--kut)) scaleX(0)}12%,94%{transform:rotate(var(--kut)) scaleX(1)}98%,to{transform:rotate(var(--kut)) scaleX(0)}}@keyframes web-vektor-linija-2{0%,12%{transform:rotate(var(--kut)) scaleX(0)}19%,94%{transform:rotate(var(--kut)) scaleX(1)}98%,to{transform:rotate(var(--kut)) scaleX(0)}}@keyframes web-vektor-linija-3{0%,19%{transform:rotate(var(--kut)) scaleX(0)}26%,94%{transform:rotate(var(--kut)) scaleX(1)}98%,to{transform:rotate(var(--kut)) scaleX(0)}}@keyframes web-vektor-pen{0%,3%{opacity:0;top:74%;left:10%}5%{opacity:1;top:74%;left:10%}12%{opacity:1;top:28%;left:35%}19%{opacity:1;top:66%;left:63%}26%{opacity:1;top:22%;left:88%}29%,to{opacity:0;top:22%;left:88%}}@keyframes web-kod-red-1{0%,27%{clip-path:inset(0 100% 0 0)}32%,96%{clip-path:inset(0)}99%,to{clip-path:inset(0 100% 0 0)}}@keyframes web-kod-red-2{0%,32%{clip-path:inset(0 100% 0 0)}35.5%,96%{clip-path:inset(0)}99%,to{clip-path:inset(0 100% 0 0)}}@keyframes web-kod-red-3{0%,35.5%{clip-path:inset(0 100% 0 0)}39%,96%{clip-path:inset(0)}99%,to{clip-path:inset(0 100% 0 0)}}@keyframes web-kod-red-4{0%,39%{clip-path:inset(0 100% 0 0)}41.5%,96%{clip-path:inset(0)}99%,to{clip-path:inset(0 100% 0 0)}}@keyframes web-kod-kursor{0%,27%,42%,to{opacity:0;top:.62rem}28%,31%{opacity:1;top:.62rem}32%,35%{opacity:1;top:2.62rem}36%,38.5%{opacity:1;top:4.62rem}39.5%,41.5%{opacity:1;top:6.62rem}}@keyframes web-kod-build{0%,39%{transform:scaleX(0)}43%,96%{transform:scaleX(1)}99%,to{transform:scaleX(0)}}@keyframes web-kod-uspjeh{0%,42%{opacity:0;transform:translateY(.25rem)}45%,96%{opacity:1;transform:translateY(0)}99%,to{opacity:0;transform:translateY(.25rem)}}@keyframes web-mreza-signal{0%,52%{opacity:0;top:23%;left:50%}54%{opacity:1;top:23%;left:50%}60%{opacity:1;top:59%;left:18%}66%{opacity:1;top:59%;left:82%}72%{opacity:1;top:23%;left:50%}75%,to{opacity:0;top:23%;left:50%}}@media (width<=1120px){.web-konstrukcija[data-astro-cid-q5q75mnp]{--kamera-bocno:-21deg;--kod-z-odvojeno:82px;--dizajn-z-odvojeno:150px;--staticki-dizajn-z:92px;min-height:34rem}.web-konstrukcija__perspektiva[data-astro-cid-q5q75mnp]{width:min(72%,18.5rem)}}@media (width>=901px) and (height<=760px){.web-konstrukcija[data-astro-cid-q5q75mnp]{min-height:clamp(27rem,66vh,33rem)}.web-konstrukcija__perspektiva[data-astro-cid-q5q75mnp]{width:min(65%,17rem)}}@media (width>=701px) and (width<=900px){.web-konstrukcija[data-astro-cid-q5q75mnp]{--kamera-bocno:-21deg;--live-z:-88px;--kod-z:-44px;--kod-z-odvojeno:62px;--dizajn-z-odvojeno:120px;--staticki-dizajn-z:78px;min-height:31rem}.web-konstrukcija__perspektiva[data-astro-cid-q5q75mnp]{width:min(74%,16rem)}.web-konstrukcija__meta[data-astro-cid-q5q75mnp]{font-size:.48rem}.web-konstrukcija__tok[data-astro-cid-q5q75mnp]{gap:.32rem}}@media (width<=700px){.web-konstrukcija[data-astro-cid-q5q75mnp]{--kamera-bocno:-21deg;--live-z:-90px;--kod-z:-45px;--kod-z-odvojeno:68px;--dizajn-z-odvojeno:130px;--staticki-dizajn-z:82px;width:min(100%,38rem);min-height:clamp(28rem,95vw,35rem);margin:.5rem auto 0}.web-konstrukcija__perspektiva[data-astro-cid-q5q75mnp]{width:min(64vw,18.5rem)}}@media (width<=480px){.web-konstrukcija[data-astro-cid-q5q75mnp]{--kamera-bocno:-21deg;--live-z:-78px;--live-z-fokus:-18px;--kod-z:-39px;--kod-z-odvojeno:50px;--dizajn-z-odvojeno:100px;--staticki-kamera:-21deg;--staticki-dizajn-z:68px;min-height:25rem}.web-konstrukcija__scena[data-astro-cid-q5q75mnp]{inset-block:2.7rem 3.5rem}.web-konstrukcija__perspektiva[data-astro-cid-q5q75mnp]{width:min(61vw,15.5rem)}.web-konstrukcija__meta[data-astro-cid-q5q75mnp]{font-size:.44rem}.web-konstrukcija__koordinata[data-astro-cid-q5q75mnp]{display:none}.web-sloj__vrh[data-astro-cid-q5q75mnp]{grid-template-columns:1.55rem minmax(0,1fr) auto;min-height:2.8rem;padding-inline:.65rem}.web-sloj__vrh[data-astro-cid-q5q75mnp]>strong[data-astro-cid-q5q75mnp]{padding-left:.5rem;font-size:.72rem}.web-sloj__opis[data-astro-cid-q5q75mnp]{font-size:.34rem}.web-live__tijelo[data-astro-cid-q5q75mnp],.web-kod__tijelo[data-astro-cid-q5q75mnp],.web-dizajn__platno[data-astro-cid-q5q75mnp]{height:calc(100% - 2.8rem)}.web-mreza[data-astro-cid-q5q75mnp]{inset-inline:.2rem}.web-mreza__cvor[data-astro-cid-q5q75mnp]{gap:.3rem;width:3.65rem}.web-mreza__cvor[data-astro-cid-q5q75mnp]>strong[data-astro-cid-q5q75mnp]{font-size:.36rem}.web-ikona-oblak[data-astro-cid-q5q75mnp],.web-ikona-server[data-astro-cid-q5q75mnp],.web-ikona-racunalo[data-astro-cid-q5q75mnp]{scale:.84}.web-mreza__zica--cloud-server[data-astro-cid-q5q75mnp]{transform:rotate(140deg)}.web-mreza__zica--client-cloud[data-astro-cid-q5q75mnp]{transform:rotate(-140deg)}.web-kod__editor[data-astro-cid-q5q75mnp] code[data-astro-cid-q5q75mnp]{padding-left:.42rem;font-size:.44rem}.web-kod__build[data-astro-cid-q5q75mnp]{gap:.35rem;font-size:.34rem}.web-sloj__dno[data-astro-cid-q5q75mnp]{gap:.32rem;font-size:.34rem}.web-konstrukcija__tok[data-astro-cid-q5q75mnp] span[data-astro-cid-q5q75mnp] b[data-astro-cid-q5q75mnp]{display:none}.web-konstrukcija__pauza[data-astro-cid-q5q75mnp] span[data-astro-cid-q5q75mnp]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.web-konstrukcija[data-astro-cid-q5q75mnp].is-gradi,.web-konstrukcija__objekt[data-astro-cid-q5q75mnp],.web-sloj[data-astro-cid-q5q75mnp],.web-mini-animacija[data-astro-cid-q5q75mnp]{animation:none}.web-konstrukcija__objekt[data-astro-cid-q5q75mnp]{transform:rotateY(var(--staticki-kamera))}.web-sloj--live[data-astro-cid-q5q75mnp]{filter:none;opacity:1;transform:translate3d(1rem,-.8rem,var(--live-z))}.web-sloj--kod[data-astro-cid-q5q75mnp]{opacity:1;transform:translate3d(.45rem,-.35rem,var(--staticki-kod-z))}.web-sloj--dizajn[data-astro-cid-q5q75mnp]{opacity:1;transform:translate3d(0,0,var(--staticki-dizajn-z))}.web-vektor[data-astro-cid-q5q75mnp]{opacity:1}.web-vektor__linija[data-astro-cid-q5q75mnp]{transform:rotate(var(--kut)) scaleX(1)}.web-vektor__pen[data-astro-cid-q5q75mnp],.web-kod__kursor[data-astro-cid-q5q75mnp]{display:none}.web-kod__tekst[data-astro-cid-q5q75mnp]{clip-path:inset(0)}.web-kod__build[data-astro-cid-q5q75mnp]>i[data-astro-cid-q5q75mnp] b[data-astro-cid-q5q75mnp]{transform:scaleX(1)}.web-kod__build[data-astro-cid-q5q75mnp] strong[data-astro-cid-q5q75mnp]{opacity:1;transform:none}.web-mreza__signal[data-astro-cid-q5q75mnp]{opacity:1;top:23%;left:50%}.js .web-konstrukcija__pauza[data-astro-cid-q5q75mnp]{display:none}}