@property --ht{syntax:"<number>";inherits:true;initial-value:0}@property --hm{syntax:"<number>";inherits:true;initial-value:0}@property --hb{syntax:"<number>";inherits:true;initial-value:0}.h3-how .h3-diagram-box.h3-stack{max-height:none;width:min(100%, 520px, calc((var(--inst-screen) - 160px) * 854 / 1384))}.h3-stack{--p:1;--t:clamp(0, var(--p) / .42, 1);--e:calc(var(--t) * var(--t) * (3 - 2 * var(--t)));--ot:calc((1 - var(--e)) * 120 + var(--ht));--om:var(--hm);--ob:calc((1 - var(--e)) * -120 + var(--hb));--st-post:#f4fffd;--st-wire:#3b6290;transition:--ht .7s cubic-bezier(.22,1,.36,1),--hm .7s cubic-bezier(.22,1,.36,1),--hb .7s cubic-bezier(.22,1,.36,1)}.h3-stack[data-live]{--p:0}.h3-st-lyr{pointer-events:none;transform:translateY(calc(var(--o,0) / 1384 * 100%));transition:opacity .6s,filter .6s;position:absolute;inset:0}.h3-st-lyr--back,.h3-st-lyr--top{--o:var(--ot)}.h3-st-lyr--mid{--o:var(--om)}.h3-st-lyr--dc{--o:var(--ob)}.h3-st-art{object-fit:contain;max-width:none;display:block;position:absolute}.h3-st-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.h3-st-line{fill:none;stroke:var(--inst-slate);stroke-opacity:.5;stroke-width:1.3px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - clamp(0, (var(--p) - var(--a)) / var(--w), 1))}.h3-st-dot{fill:var(--inst-slate);fill-opacity:.65;opacity:clamp(0, (var(--p) - var(--a)) / .04, 1)}.h3-st-ties{pointer-events:none;position:absolute;inset:0}.h3-st-tie{--oA:0;--oB:0;width:0;top:calc((var(--y1) + var(--oA)) / 1384 * 100%);height:calc((var(--y2) + var(--oB) - var(--y1) - var(--oA)) / 1384 * 100%);--d:clamp(0, (var(--p) - var(--a)) / .16, 1);position:absolute}.h3-st-tie.from-t{--oA:var(--ot)}.h3-st-tie.from-m{--oA:var(--om)}.h3-st-tie.to-m{--oB:var(--om)}.h3-st-tie.to-b{--oB:var(--ob)}.h3-st-tie-line{background:var(--inst-slate);opacity:.5;transform-origin:50% 0;width:1px;height:100%;transform:scaleY(var(--d));position:absolute;top:0;left:-.5px}.h3-st-tie-dot{border-radius:var(--inst-pill-r);background:var(--inst-slate);width:3px;height:3px;opacity:calc(.65 * clamp(0, var(--d) * 8, 1));position:absolute;left:-1.5px}.h3-st-tie-dot.is-top{top:-1.5px}.h3-st-tie-dot.is-foot{opacity:calc(.65 * clamp(0, (var(--d) - .92) * 12, 1));bottom:-1.5px}.h3-st-cube{--k:clamp(0, (var(--p) - var(--a)) / .14, 1);--cy:calc(var(--rise) * (1 - var(--k)) * (1 - var(--k)) * (1 - var(--k)) + var(--bob,0));opacity:clamp(0, (var(--p) - var(--a)) / .05, 1);position:absolute;inset:0}.h3-st-cube-mv{transform:translateY(calc(var(--cy) / 1384 * 100%));position:absolute;inset:0}.h3-st-post,.h3-st-wire{width:1px;position:absolute}.h3-st-post{top:calc((var(--m) + var(--cy)) / 1384 * 100%);height:calc((var(--foot) - var(--m) - var(--cy)) / 1384 * 100%);background:var(--st-post)}.h3-st-wire{top:calc((var(--top) + var(--ot) - var(--om)) / 1384 * 100%);height:calc((var(--m) + var(--cy) - var(--top) - var(--ot) + var(--om)) / 1384 * 100%);background:var(--st-wire);transform-origin:50% 0;transform:scaleY(clamp(0, (var(--p) - var(--a) - .12) / .12, 1));-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}[data-active="0"] .h3-stack{--ht:-44;--hb:8}[data-active="1"] .h3-stack{--ht:-36;--hb:36}[data-active="2"] .h3-stack{--ht:-8;--hb:44}[data-active="3"] .h3-stack{--ht:26;--hb:-26}[data-active="0"] .h3-stack :is(.h3-st-lyr--mid,.h3-st-lyr--dc),[data-active="1"] .h3-stack :is(.h3-st-lyr--top,.h3-st-lyr--back,.h3-st-lyr--dc),[data-active="2"] .h3-stack :is(.h3-st-lyr--top,.h3-st-lyr--back,.h3-st-lyr--mid){opacity:.3;filter:saturate(.5)}@media (prefers-reduced-motion:reduce){.h3-stack{transition:none;--p:1!important}.h3-st-lyr{transition:none}}