@property --tx{syntax:"<number>";inherits:true;initial-value:0}@property --ty{syntax:"<number>";inherits:true;initial-value:0}@property --z{syntax:"<number>";inherits:true;initial-value:1}.peta [data-peta-kanvas]{position:absolute;inset:0}.peta-canvas{--dot-k:2.4;container-type:inline-size}@media (width>=48rem){.peta-canvas{--dot-k:1.5}}@media (width>=64rem){.peta-canvas{--dot-k:1}}.peta-view{transform:translate(calc(var(--tx,0) * 1px), calc(var(--ty,0) * 1px)) scale(var(--z,1));transform-box:view-box;transform-origin:0 0}.peta-khatulistiwa{stroke:var(--color-border);stroke-width:.75px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.peta-air{fill:none;stroke-linejoin:round}.peta-air-1,.peta-air-2{display:none}.peta-air-3{stroke:var(--color-border);stroke-width:3.6px}.peta-air-4{stroke:var(--color-bg);stroke-width:2.4px}.peta-konteks{fill:var(--color-bg);stroke:var(--color-border);stroke-width:.6px}.peta-idn{fill:var(--color-bg);stroke:var(--color-text);stroke-width:.6px;stroke-linejoin:round}@media (width>=48rem){.peta-air-1{stroke:var(--color-border);stroke-width:10.6px;display:inline}.peta-air-2{stroke:var(--color-bg);stroke-width:9.4px;display:inline}.peta-air-3{stroke-width:5.6px}.peta-air-4{stroke-width:4.4px}.peta-idn{stroke-width:.75px}}.peta-dot{outline:none;scroll-margin-block:30vh}.peta-dot .glyph{scale:calc(var(--dot-k) / var(--z,1));transform-box:fill-box;transform-origin:50%}.peta-dot :is(.gp,.gm)>:not(.z){fill:var(--color-primary)}.peta-dot .gp>:not(.z){stroke:var(--color-bg);stroke-width:.8px}.peta-dot .gr>:not(.z,.h){fill:var(--color-bg);stroke:var(--color-primary);stroke-width:1.6px}.peta-dot .gk>:not(.z){fill:var(--color-bg);stroke:var(--color-primary);stroke-width:1.2px}.peta-dot .h{fill:none;stroke:var(--color-accent);stroke-width:.8px;opacity:.8}.peta-dot .z{fill:none;stroke:var(--color-accent);stroke-width:1.6px;opacity:0;transform-box:fill-box;transform-origin:50%}.peta-dot:hover :is(.gp,.gm)>:not(.z){fill:var(--color-primary-hover)}.peta-dot:hover :is(.gr,.gk)>:not(.z,.h){stroke:var(--color-primary-hover)}.peta-dot:hover .h,.peta-dot:target .z{opacity:1}.peta-canvas [data-v]:not([data-v~="0s"],:target){visibility:hidden}@media (width>=48rem){.peta-canvas [data-v]:not([data-v~="0m"],:target){visibility:hidden}.peta-canvas [data-v][data-v~="0m"]{visibility:visible}}@media (width>=64rem){.peta-canvas [data-v]:not([data-v~="0l"],:target){visibility:hidden}.peta-canvas [data-v][data-v~="0l"]{visibility:visible}}@media (width>=80rem){.peta-canvas [data-v]:not([data-v~="0x"],:target){visibility:hidden}.peta-canvas [data-v][data-v~="0x"]{visibility:visible}}.peta-n{display:none}@supports (width:1cqw){.peta-n{--o:calc(var(--edge) * var(--dot-k) * .0707cqw);translate:calc((var(--cx) * var(--z,1) + var(--tx,0)) * .1cqw + var(--sx) * var(--o)) calc((var(--cy) * var(--z,1) + var(--ty,0)) * .1cqw + var(--sy) * var(--o));transform:translate(calc((var(--sx) - 1) * 50%), calc((var(--sy) - 1) * 50%));display:block}}.peta-label{text-shadow:1px 0 0 var(--color-bg), -1px 0 0 var(--color-bg), 0 1px 0 var(--color-bg), 0 -1px 0 var(--color-bg), 0 0 3px var(--color-bg);display:none}@supports (width:1cqw){.peta-label{translate:calc((var(--lx) * var(--z,1) + var(--tx,0)) * .1cqw + var(--mdx)) calc((var(--ly) * var(--z,1) + var(--ty,0)) * .1cqw + var(--mdy));transform:translate(var(--max), -50%);display:block}@media (width>=48rem){.peta-label{translate:calc((var(--lx) * var(--z,1) + var(--tx,0)) * .1cqw + var(--dx)) calc((var(--ly) * var(--z,1) + var(--ty,0)) * .1cqw + var(--dy));transform:translate(var(--ax), -50%)}}}@keyframes peta-tinta{0%{opacity:0}to{opacity:1}}@keyframes peta-ziel{0%{opacity:0;scale:1.8}to{opacity:1;scale:1}}@media (prefers-reduced-motion:no-preference){:root:not(.reduce-motion) .peta-canvas{transition-property:--tx,--ty,--z;transition-duration:var(--motion-entrance-duration);transition-timing-function:var(--motion-entrance-easing)}:root:not(.reduce-motion) :is(.peta-dot,.peta-n){transition:opacity var(--motion-hover-duration) var(--motion-hover-easing)}:root:not(.reduce-motion) .peta-dot :is(.gp,.gm)>:not(.z),:root:not(.reduce-motion) .peta-dot :is(.gr,.gk)>:not(.z,.h),:root:not(.reduce-motion) .peta-dot .h{transition:fill var(--motion-hover-duration) var(--motion-hover-easing), stroke var(--motion-hover-duration) var(--motion-hover-easing), opacity var(--motion-hover-duration) var(--motion-hover-easing)}:root:not(.reduce-motion) .peta-label{transition:opacity var(--motion-exit-duration) var(--motion-exit-easing)}:root:not(.reduce-motion) .peta-dot:target .z{animation:peta-ziel var(--motion-attention-duration) var(--motion-attention-easing) both}@supports (animation-timeline:view()){:root:not(.reduce-motion) .peta-plate{view-timeline:--peta-plate block}:root:not(.reduce-motion) :is(.peta-dot .glyph,.peta-n>span){animation:peta-tinta var(--motion-scroll-reveal-easing) both;animation-timeline:--peta-plate;animation-range:entry calc(30% + min(var(--i,0), 30) * 2%) cover 45%}}}@media (prefers-reduced-motion:reduce){.peta-canvas,.peta-label,.peta-dot,.peta-n{transition:none}}:root.reduce-motion :is(.peta-canvas,.peta-label,.peta-dot,.peta-n){transition:none}