.reka{width:100%;z-index:var(--z-reka);pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.reka .kanal{stroke:var(--kanal)}.reka .izohipsa{stroke:var(--izohipsa);opacity:.38}.reka .tok{stroke:var(--reka)}.reka .odsjaj{stroke:var(--reka-svetla);opacity:.42}.oznake{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.oznake line{stroke:var(--na-reci);stroke-width:1.25px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.oznake circle{fill:var(--na-reci);stroke:var(--reka);stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%}.oznake .mob{display:none}.oznaka{left:var(--levo);top:var(--gore);max-width:var(--maks);font-family:var(--f-oznaka);font-weight:500;font-size:var(--t-sm);color:var(--na-reci);letter-spacing:.01em;line-height:1.3;position:absolute}.oznaka b{font-family:var(--f-tekst);font-weight:700;font-size:var(--t-base);display:block}.js .oznake line{stroke-dashoffset:1px;animation:crtaj .9s var(--ekspo) .45s forwards}.js .oznake circle{animation:tacka .42s var(--ekspo) .3s forwards;transform:scale(0)}.js .oznaka{opacity:0;animation:pojava .5s var(--izlaz) .9s forwards}.reka-kratka{display:block;position:relative;overflow:visible}.reka-kratka svg{display:block;overflow:visible}.reka-kratka .izohipsa{stroke:var(--izohipsa);opacity:.22}.reka-kratka .kanal-kratka{stroke:var(--papir)}.reka-kratka .kanal{stroke:var(--kanal)}.reka-kratka .tok{stroke:var(--reka);stroke-dasharray:1;stroke-dashoffset:0}.reka-kratka .odsjaj{stroke:var(--reka-svetla);opacity:.5;stroke-dasharray:1;stroke-dashoffset:0}.js .reka-kratka .tok,.js .reka-kratka .odsjaj{stroke-dashoffset:1px;animation:crtaj .9s var(--ekspo) .15s forwards}.reka-kratka--svetla .kanal-kratka{stroke:#0000}.reka-kratka--svetla .kanal{stroke:color-mix(in oklab, var(--na-reci) 18%, transparent)}.reka-kratka--svetla .tok{stroke:var(--na-reci)}.reka-kratka--svetla .izohipsa{stroke:var(--na-reci);opacity:.18}.reka-koraci{--k-tekst:var(--tinta-2);--k-jak:var(--tinta);--k-krug:var(--papir);--k-obrub:var(--linija-jaka);height:auto;padding-bottom:40px;position:relative}.reka-koraci--svetla{--k-tekst:var(--na-reci-2);--k-jak:var(--na-reci);--k-krug:var(--reka);--k-obrub:color-mix(in oklab, var(--na-reci) 40%, transparent)}.reka-koraci-svg{width:100%;height:56px;display:block;overflow:visible}.reka-koraci .kanal{stroke:var(--kanal)}.reka-koraci--svetla .kanal{stroke:color-mix(in oklab, var(--na-reci) 16%, transparent)}.reka-koraci .tok{stroke:var(--reka);transition:stroke-dashoffset var(--sporo) var(--ekspo)}.reka-koraci--svetla .tok{stroke:var(--mesing)}.reka-koraci-lista{position:absolute;inset:0}.reka-korak{justify-content:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.reka-korak button,.reka-korak-telo{min-width:44px;font-family:var(--f-oznaka);font-weight:500;font-size:var(--t-sm);color:var(--k-tekst);text-align:center;transition:color var(--srednje) var(--izlaz);flex-direction:column;align-items:center;gap:8px;padding-top:10px;display:flex}.reka-korak button{cursor:pointer}.reka-korak button:hover{color:var(--k-jak)}.reka-korak-br{background:var(--k-krug);width:36px;height:36px;box-shadow:inset 0 0 0 1.5px var(--k-obrub);font-family:var(--f-naslov);font-size:var(--t-sm);color:var(--k-jak);font-variant-numeric:lining-nums;transition:background-color .5s var(--izlaz), color .5s var(--izlaz), box-shadow .5s var(--izlaz), transform var(--brzo) var(--izlaz);border-radius:50%;place-items:center;display:inline-grid}.reka-korak-br .ik{stroke-width:2.2px;width:18px;height:18px}.reka-korak-tekst{white-space:nowrap}.reka-korak--aktivan .reka-korak-telo,.reka-korak--aktivan button{color:var(--k-jak)}.reka-korak--aktivan .reka-korak-br{background:var(--reka);color:var(--na-reci);box-shadow:inset 0 0 0 1.5px var(--reka), 0 0 0 6px var(--k-krug)}.reka-koraci--svetla .reka-korak--aktivan .reka-korak-br{background:var(--na-reci);color:var(--reka-2);box-shadow:inset 0 0 0 1.5px var(--na-reci), 0 0 0 6px var(--reka)}.reka-korak--gotov .reka-korak-br{background:var(--mesing);color:var(--orah);box-shadow:inset 0 0 0 1.5px var(--mesing)}.reka-korak button:active .reka-korak-br{transform:scale(.94)}@media (width<=760px){.oznaka{left:var(--levo-mob);top:var(--gore-mob);max-width:var(--maks-mob);font-size:var(--t-xs)}.oznaka b{font-size:var(--t-sm)}.oznaka .dugo,.oznake .desk{display:none}.oznake .mob{display:inline}.reka-korak-tekst{display:none}.reka-korak--aktivan .reka-korak-tekst{display:block;position:absolute;top:56px}.reka-koraci{padding-bottom:36px}}