.ret-pin{width:100%;height:360vh;position:relative}.ret-pin--short{height:240vh}.ret-sticky{height:calc(100vh - 8rem);position:sticky;top:6rem}.ret-stage{--fg:#fff;--fg-2:#ffffffc7;--fg-3:#ffffff80;--fg-4:#ffffff57;--rule:#ffffff1f;--zf-dot:#ffffff30;width:100%;height:100%;position:relative}.ret-scrim{z-index:2;pointer-events:none;position:absolute;left:0;right:0}.ret-scrim--top{background:linear-gradient(#080808 0%,#080808b8 46%,#08080800 100%);height:11rem;top:0}.ret-scrim--bottom{background:linear-gradient(#08080800 0%,#080808db 45%,#080808 100%);height:20rem;bottom:0}.ret-field{z-index:1;perspective:100vh;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.ret-tile{object-fit:cover;opacity:.88;border-radius:.35rem;position:absolute;box-shadow:0 0 0 1px #ffffff14}.ret-composer-wrap{z-index:5;pointer-events:none;justify-content:center;padding:0 2rem;display:flex;position:absolute;top:2.6rem;left:0;right:0}.ret-composer{--pill:0;align-items:center;gap:calc(1rem + var(--pill)*.25rem);white-space:nowrap;will-change:transform;background:#080808d1;border:1px solid #ffffff29;border-radius:10rem;max-width:100%;padding:.8rem 1.3rem .8rem .8rem;display:inline-flex;position:relative}.ret-composer__glyph{width:calc(1.9rem + var(--pill)*.7rem);height:calc(1.9rem + var(--pill)*.7rem);color:#fff9;border:1px solid #ffffff24;border-radius:.5rem;flex:none;place-items:center;display:grid}.ret-composer__query{color:#ffffffeb;font-size:calc(.83333rem + var(--pill)*.31667rem)}.ret-composer__caret{vertical-align:-.2em;background:#fffc;width:1px;height:1.15em;margin-left:.1em;display:none}.ret-composer.is-typing .ret-composer__caret{animation:1s step-end infinite ret-caret;display:inline-block}@keyframes ret-caret{0%,49%{opacity:1}50%,to{opacity:0}}.ret-composer__match{color:#ffffff8c;opacity:0;transition:opacity .4s var(--ease-out-quad),transform .4s var(--ease-out-quad);align-items:center;gap:.6rem;display:inline-flex;transform:translate(-.5rem)}.ret-composer__match:before{content:"→";color:#ffffff4d}.ret-stage.is-resolved .ret-composer__match{opacity:1;transform:none}.ret-composer__port{border:2.5px solid var(--zf-edge-green);opacity:0;width:12px;height:12px;transition:opacity .45s var(--ease-out-quad);background:#080808;border-radius:50%;margin-left:-6px;position:absolute;bottom:-6px;left:50%}.ret-stage.is-resolved .ret-composer__port{opacity:1}.ret-stage .ret-wires{z-index:3;opacity:0;transition:opacity .45s var(--ease-out-quad)}.ret-stage.is-resolved .ret-wires{opacity:1}.ret-match{z-index:4;pointer-events:none;width:224px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ret-stage.is-resolved .ret-match{pointer-events:auto}.ret-match .zf-node__head{gap:8px;padding:18px 11px 7px}.ret-match .zf-node__glyph{width:28px;height:28px}.ret-match .zf-node__title{font-size:12.6px}.ret-match .zf-node__body{gap:9px;padding:0 11px 11px}.ret-match-zoom{transform-origin:50%;will-change:transform,filter}.ret-match__out{height:auto}.ret-match .zf-node--light .zf-port--text{--port-color:var(--zf-edge-green)}.ret-match .zf-node--light .zf-port--media{--port-color:var(--zf-edge-blue)}.ret-prov{gap:5px;width:100%;margin:0;display:grid}.ret-prov__row{font-family:var(--font-mono),ui-monospace,monospace;grid-template-columns:62px minmax(0,1fr);gap:10px;font-size:10.5px;line-height:1.4;display:grid}.ret-prov dt{color:#0006}.ret-prov dd{color:#000000c7;margin:0}.ret-readouts{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:3rem;display:flex;position:absolute;bottom:2.4rem;left:2.4rem;right:2.4rem}.ret-readout{flex-direction:column;gap:1.4rem;display:flex}.ret-readout__title{color:#ffffff6b}.ret-readout--index{text-align:right;align-items:flex-end}.ret-steps{gap:1.1rem;display:grid}.ret-step{grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.4rem .9rem;display:grid}.ret-step__tick{color:#0000;width:1.5rem;height:1.5rem;transition:background-color .35s var(--ease-out-quad),border-color .35s var(--ease-out-quad),color .35s var(--ease-out-quad);border:1px solid #ffffff2e;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.ret-step.is-on .ret-step__tick{color:#000;background:#fff;border-color:#fff}.ret-step__label{color:#ffffff57;transition:color .35s var(--ease-out-quad)}.ret-step.is-on .ret-step__label{color:#fff}.ret-step__value{color:#ffffff47;transition:color .35s var(--ease-out-quad)}.ret-step.is-on .ret-step__value{color:#fff9}.ret-index{gap:1.1rem;display:grid}.ret-index__item{align-items:center;gap:.8rem;display:inline-flex}.ret-index__item i{width:.45rem;height:.45rem;transition:background-color .35s var(--ease-out-quad);background:#ffffff38}.ret-index__item .label-mono{color:#ffffff57;transition:color .35s var(--ease-out-quad)}.ret-index__item.is-on i{background:#fff}.ret-index__item.is-on .label-mono{color:#ffffffd9}@media screen and (max-width:991px){.ret-pin{width:auto;height:320vh;margin-left:-4.5vw;margin-right:-4.5vw}.ret-pin--short{height:215vh}.ret-stage{border-radius:0}.ret-readouts{gap:2rem;left:3.4vw;right:3.4vw}}@media screen and (max-width:767px){.ret-pin{height:auto}.ret-sticky{height:auto;position:static}.ret-stage{flex-direction:column;gap:3.4rem;height:auto;padding:3rem 2rem 3.6rem;display:flex}.ret-field,.ret-scrim,.ret-stage .ret-wires,.ret-composer__port{display:none}.ret-composer-wrap{padding:0;position:static}.ret-composer{white-space:normal;border-radius:1.6rem;flex-wrap:wrap;row-gap:.8rem;max-width:100%;padding:1rem 1.4rem 1rem 1rem}.ret-composer__query{flex:1 1 0;min-width:0;font-size:1.7rem;line-height:1.4}.ret-composer__match{flex-basis:100%}.ret-match{pointer-events:auto;align-self:center;width:100%;max-width:240px;position:static;transform:none}.ret-match__out{height:auto}.ret-readouts{flex-direction:column;align-items:stretch;gap:3rem;position:static}.ret-readout--index{text-align:left;align-items:flex-start}.ret-step{grid-template-columns:2.4rem minmax(0,1fr);column-gap:1.2rem}.ret-step__tick{width:2.4rem;height:2.4rem}.ret-index__item i{width:.8rem;height:.8rem}}