.ddemo{text-align:left;min-width:0;font-size:1rem;line-height:1.42;position:relative}.ddemo .izlazi{z-index:2;pointer-events:none;width:92px;height:92px;position:absolute;top:-70px;right:56px;rotate:-16deg}@media (width<=699px){.ddemo .izlazi{display:none}}.ddemo .prozor{background:var(--papir);border:2px solid var(--tinta);border-radius:18px 20px 18px 19px/19px 18px 20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.ddemo .prozor-vrh{border-bottom:1.5px solid var(--tinta);grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 14px;display:grid}.ddemo .tockice{gap:7px;display:flex}.ddemo .tockice i{border:2px solid var(--tinta);border-radius:50%;width:11px;height:11px}.ddemo .prozor-sredina{align-items:center;gap:10px;display:inline-flex}.ddemo .prozor-naslov{color:var(--tekst-2);white-space:nowrap;font-size:.875rem;font-weight:600;display:none}@media (width>=700px){.ddemo .prozor-naslov{display:inline}}.ddemo .alatna{border-bottom:1px solid var(--crta);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.ddemo .alatna[hidden],.ddemo .pokreni[hidden]{display:none}.ddemo .kartice{background:var(--povrsina);border-radius:999px;gap:4px;width:100%;padding:3px;display:flex}@media (width>=620px){.ddemo .kartice{width:auto}}.ddemo button{cursor:pointer;font-family:var(--font-tekst)}.ddemo .kartica{min-height:48px;color:var(--tekst-2);white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1 1 0;padding:0 16px;font-size:.95rem;font-weight:600}.ddemo .kartica[aria-pressed=true]{background:var(--papir);color:var(--tinta);outline:2px solid var(--tinta);outline-offset:-2px}.ddemo .kartica[aria-pressed=true]:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}.ddemo .pokreni{border:2px solid var(--tinta);background:var(--papir);min-height:48px;color:var(--tinta);border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:0 16px;font-size:.95rem;font-weight:600;display:inline-flex}.ddemo .pokreni:hover{background:var(--tinta);color:var(--papir)}.ddemo .pokreni svg{fill:currentColor;width:14px;height:14px;display:none}.ddemo .pokreni[data-stanje=igra] .ik-pauza,.ddemo .pokreni[data-stanje=pauza] .ik-play,.ddemo .pokreni[data-stanje=kraj] .ik-ponovi,.ddemo .pokreni:not([data-stanje]) .ik-ponovi{display:block}.ddemo .ik-ponovi path:first-child{fill:none}.ddemo .pozornica{gap:28px;padding:10px;display:grid;container-type:inline-size}@media (width>=700px){.ddemo .pozornica{padding:20px}}.js-ddemo .scena{grid-area:1/1}.js-ddemo .scena:not(.aktivna){visibility:hidden}.ddemo .scena{grid-template-areas:"vlasnik""telefon""kalendar""potvrda""sazetak";align-content:start;gap:12px;display:grid}@container (width>=540px){.ddemo .scena{grid-template:"vlasnik vlasnik""telefon kalendar""telefon potvrda""telefon sazetak"1fr/1.25fr 1fr}}@container (width>=900px){.ddemo .scena{grid-template:"vlasnik telefon kalendar""potvrda telefon kalendar""potvrda telefon sazetak"1fr/1fr 1.35fr 1fr;gap:16px}}.ddemo .plocica{border:1px solid var(--crta-jaka);border-radius:var(--r);background:var(--papir);min-width:0;padding:12px 14px}.ddemo .vlasnik{background:var(--povrsina);border-color:#0000;grid-area:vlasnik;align-self:start;align-items:center;gap:12px;display:flex}.ddemo .skare{flex:none;width:38px;height:38px}.ddemo .ostrica{transform-box:view-box;transform-origin:24px 22.5px}.ddemo.svira .ostrica-a{animation:.9s ease-in-out infinite d-rez-a}.ddemo.svira .ostrica-b{animation:.9s ease-in-out infinite d-rez-b}@keyframes d-rez-a{50%{transform:rotate(-9deg)}}@keyframes d-rez-b{50%{transform:rotate(9deg)}}.ddemo .sat{font-family:var(--font-naslov);letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--tinta);color:var(--papir);border-radius:8px;padding:8px 10px;font-size:1.5rem;font-weight:900;line-height:1}.ddemo .telefon{flex-direction:column;grid-area:telefon;padding:0;display:flex;overflow:hidden}.ddemo .tel-vrh{border-bottom:1px solid var(--crta);align-items:center;gap:10px;padding:10px 12px;display:flex}.ddemo .tel-ikona{border-radius:50%;flex:none;width:38px;height:38px;display:grid}.ddemo .tel-ikona>*{grid-area:1/1;place-self:center}.ddemo .zvono,.ddemo .javljeno{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.ddemo .zvono{background:var(--zuta-meka)}.ddemo .javljeno{background:var(--zelena-meka)}.ddemo .zvono .ink{width:28px;height:28px}.ddemo .javljeno .ink{width:20px;height:20px}.ddemo .tel-ikona--osoba{background:var(--povrsina-2);font-family:var(--font-naslov);place-items:center;font-weight:800}.ddemo .tel-stanje{min-width:0;font-weight:600;display:grid}.ddemo .tel-stanje>*{grid-area:1/1}.ddemo .tel-vrsta{color:var(--tekst-2);margin-left:auto;font-size:.85rem}.ddemo .razgovor{flex-direction:column;flex:1;gap:8px;min-height:160px;padding:12px;display:flex;position:relative}.ddemo .mj{text-align:left;border-radius:14px;max-width:88%;padding:8px 12px 9px}.ddemo .mj--ai{background:var(--zelena-meka);border-bottom-right-radius:4px;align-self:flex-end}.ddemo .mj--on{background:var(--povrsina);border-bottom-left-radius:4px;align-self:flex-start}.ddemo .tko{color:var(--tekst-2);margin-bottom:2px;font-size:.78rem;font-weight:600;display:block}.ddemo .vrijeme{font-variant-numeric:tabular-nums;margin-left:4px;font-weight:500}.ddemo .tekst{display:block;position:relative}.ddemo .tipkano{position:absolute;inset:0}.ddemo .pise .puni{visibility:hidden}.ddemo .pise .tipkano:after{content:"";vertical-align:-.12em;background:var(--tinta);width:2px;height:1em;margin-left:1px;animation:.7s step-end infinite d-kursor;display:inline-block}@keyframes d-kursor{50%{opacity:0}}.ddemo .kalendar{grid-area:kalendar;align-self:start}.ddemo .kal-dan{font-family:var(--font-naslov);letter-spacing:-.02em;margin-bottom:8px;font-size:1.05rem;font-weight:800}.ddemo .kalendar ol{gap:6px;list-style:none;display:grid}.ddemo .slot{grid-template-columns:3.4rem 1fr;align-items:center;min-height:38px;font-size:.92rem;display:grid}.ddemo .vr{font-variant-numeric:tabular-nums;color:var(--tekst-2);font-weight:600}.ddemo .slot>span:last-child{border-radius:8px;align-items:center;min-height:36px;padding:6px 9px;display:flex}.ddemo .zauzeto>span:last-child{background:var(--povrsina);color:var(--tekst-2)}.ddemo .slobodno{border:1.5px dashed var(--crta-isprekidana);color:var(--tekst-2);border-radius:8px}.ddemo .slot-sadrzaj{padding:0!important;display:grid!important}.ddemo .slot-sadrzaj>*{grid-area:1/1;align-items:center;gap:5px;min-height:36px;padding:5px 9px;display:flex}.ddemo .upis{background:var(--zelena-meka);border:1px solid var(--zelena-rub);border-radius:8px}.ddemo .upis b{font-weight:700}.ddemo .kvacica{background:var(--papir);border-radius:50%;place-items:center;width:24px;height:24px;margin-left:auto;display:grid}.ddemo .kvacica .ink{width:15px;height:15px}.ddemo .potvrda{grid-area:potvrda;align-self:start}.ddemo .pot-vrh,.ddemo .saz-vrh{margin-bottom:6px;font-size:.8rem;font-weight:600}.ddemo .pot-vrh{color:var(--tekst-2)}.ddemo .pot-tekst{background:var(--zelena-meka);border-radius:12px 12px 12px 4px;padding:8px 10px;font-size:.93rem}.ddemo .sazetak{background:var(--zuta-meka);border-color:#0000;grid-area:sazetak;align-self:start;rotate:-.6deg}.ddemo .saz-vrh{color:var(--tinta);font-weight:700}.ddemo .napomena{color:var(--tekst-2);margin:14px 0 0;font-size:.875rem}.ddemo .napomena--gore{margin:0 0 12px}.ddemo .prijevod{border-top:1px solid var(--crta-jaka);color:var(--tekst-2);margin-top:4px;padding-top:4px;font-size:.86em;line-height:1.35;display:block}.ddemo .pise .prijevod{visibility:hidden}.ddemo .prijepis{margin-top:4px;font-size:.95rem}.ddemo .prijepis summary{cursor:pointer;min-height:48px;text-decoration:underline;text-decoration-color:var(--crta-jaka);text-underline-offset:.18em;align-items:center;font-weight:600;text-decoration-thickness:2px;display:inline-flex}.ddemo .prijepis summary:hover{text-decoration-color:var(--tinta)}.ddemo .prijepis-tijelo{gap:10px;max-width:44rem;padding:16px 0 0;display:grid}.ddemo .prijepis-tijelo :is(h3,h4){font-size:1.05rem}.ddemo .prijepis-tijelo ol{gap:4px;padding-left:1.3em;display:grid}.ddemo:not(.js-ddemo) [data-do]{display:none}.js-ddemo .k{visibility:hidden}.js-ddemo .aktivna .k.on{visibility:visible}.js-ddemo .aktivna .k.on.anim{animation:.3s cubic-bezier(.2,.8,.3,1) both d-pojava}.ddemo.svira .aktivna .zvono.on .ink{animation:.5s ease-in-out infinite d-zvoni}.js-ddemo .aktivna .upis.on.anim,.js-ddemo .aktivna .potvrda.on.anim,.js-ddemo .aktivna .sazetak.on.anim{animation:.42s cubic-bezier(.2,.8,.3,1.1) both d-spusti}.js-ddemo .aktivna .javljeno.on.anim{animation:.35s ease-out both d-spusti}@keyframes d-pojava{0%{opacity:0;transform:translateY(6px)}}@keyframes d-spusti{0%{opacity:0;transform:translateY(-6px)scale(1.03)}to{opacity:1;transform:none}}@keyframes d-zvoni{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (width<=699px){.ddemo .alatna{border-bottom:0;border-top:1px solid var(--crta);flex-wrap:nowrap;order:2}.ddemo .kartice{flex:auto;width:auto;min-width:0}.ddemo .kartica{padding:0 12px}.ddemo .kartica-dug{display:none}.ddemo .pokreni{flex:none;justify-content:center;width:48px;padding:0}.ddemo .pokreni svg{width:16px;height:16px}.ddemo .pokreni-tekst{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ddemo .pozornica{padding:8px}.ddemo .scena{gap:8px}.ddemo .plocica{padding:9px 11px}.ddemo .vlasnik{gap:10px;font-size:.9375rem}.ddemo .skare{width:32px;height:32px}.ddemo .tel-vrh{gap:8px;padding:7px 10px}.ddemo .tel-ikona,.ddemo .zvono,.ddemo .javljeno{width:32px;height:32px}.ddemo .zvono .ink{width:24px;height:24px}.ddemo .razgovor{gap:6px;min-height:0;padding:9px}.ddemo .mj{max-width:93%;padding:6px 10px 7px;font-size:.9375rem;line-height:1.38}.ddemo .tko{margin-bottom:1px;font-size:.75rem}.ddemo .pot-tekst,.ddemo .sazetak p:last-child{font-size:.9375rem;line-height:1.38}.ddemo .kalendar{grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:8px 10px;display:grid}.ddemo .kal-dan{margin:0}.ddemo .kalendar .slot:not(.cilj){display:none}}