.nested-apis{--na-bg:var(--n1);--na-stroke:#16a37b;--na-grid:#16a37b;--na-g-angle:315deg;--na-col-w:min(clamp(224px, 25vw, 374px), calc((100vw - 310px) / 3))}html.dark .nested-apis{--na-stroke:#5ae8bd;--na-grid:#1dcd98;--na-g-angle:135deg}.nested-apis .na-scene{transform-origin:50%;position:relative;transform:rotateX(60deg)rotate(-45deg)}.nested-apis .na-scene.is-3d{transform-style:preserve-3d}.nested-apis .na-scene--cursor{width:460px;height:460px}.nested-apis .na-grid-floor{background-image:linear-gradient(to right, var(--na-grid) 4px, transparent 4px), linear-gradient(to bottom, var(--na-grid) 4px, transparent 4px);opacity:.7;pointer-events:none;background-position:2px 8px;background-size:34px 34px;width:1600px;height:1600px;margin:-800px 0 0 -800px;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(380px,#000 0 110px,#00000079 220px,#00000026 300px,#0000 380px);mask-image:radial-gradient(380px,#000 0 110px,#00000079 220px,#00000026 300px,#0000 380px)}.nested-apis .na-composition{position:absolute;inset:0;transform:translateZ(.1px)}.nested-apis .na-cursor{width:144px;height:144px;position:absolute;top:58px;left:76px;overflow:visible}.nested-apis .na-cursor svg{width:100%;height:100%;display:block;overflow:visible}.nested-apis .na-cursor svg path{fill:var(--na-bg);stroke:url(#naCursorGradLight)}html.dark .nested-apis .na-cursor svg path{stroke:url(#naCursorGrad)}.nested-apis .na-badge{background:var(--na-bg);border-radius:47px 47px 54px 41px;justify-content:center;align-items:center;width:208px;height:208px;transition:background .3s;display:flex;position:absolute;top:152px;left:180px}.nested-apis .na-badge .na-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nested-apis .na-badge .na-frame path{fill:none;stroke:var(--na-stroke)}.nested-apis .na-badge .na-badge-label{font-family:var(--font-inter), "Inter", system-ui, sans-serif;background:linear-gradient(var(--na-g-angle), #5ae8bd 0%, #127d5d 50%, #148f6a 90%, #19b385 100%);color:#0000;white-space:nowrap;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:90px;font-weight:300;line-height:1.5}.nested-apis .na-scene--stack{width:460px;height:290px}.nested-apis .na-card{border:2.7px solid var(--na-card-stroke,var(--na-stroke));background:var(--na-bg);border-radius:26px 26px 30px 20px;flex-direction:column;gap:2px;padding:6px;transition:background .3s;display:flex;position:absolute;inset:0}.nested-apis .na-card .na-chrome{flex-shrink:0;align-items:center;padding:12px 14px;display:flex}.nested-apis .na-card .na-controls{align-items:center;gap:9px;display:flex}.nested-apis .na-card .na-dot{background:var(--na-card-stroke,var(--na-stroke));border-radius:50%;width:11px;height:11px;display:inline-block}.nested-apis .na-card .na-card-viewport{border:2.7px solid var(--na-card-stroke,var(--na-stroke));background:0 0;border-radius:18px 18px 18px 17px;flex:1}@media (max-width:950px){.nested-apis .na-lockup{gap:16px;width:100%}.nested-apis .na-ring{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.nested-apis .research{width:100%}.nested-apis .na-ring>.na-ring{order:1}.nested-apis .na-ring>.na-col{order:3;width:auto}.nested-apis .na-gbox{max-width:400px}.nested-apis .na-ring.is-active{border-color:var(--n7)}.nested-apis .navigator{border-radius:16px}.nested-apis .browsing{border-radius:33px}.nested-apis .research{border-radius:50px}.nested-apis .na-ring>.na-label{text-align:left;background:0 0;order:2;align-self:stretch;width:auto;padding:8px 6px}.nested-apis .browsing>.na-label,.nested-apis .browsing>.na-col .na-caption{padding-left:23px}.nested-apis .research>.na-label,.nested-apis .research>.na-col .na-caption{padding-left:40px}.nested-apis .browsing>.na-col .na-caption,.nested-apis .research>.na-col .na-caption{padding-bottom:8px}}@media (max-width:340px){.nested-apis .na-ring{padding:12px}.nested-apis .navigator{border-radius:16px}.nested-apis .browsing{border-radius:29px}.nested-apis .research{border-radius:42px}.nested-apis .browsing>.na-label,.nested-apis .browsing>.na-col .na-caption{padding-left:19px}.nested-apis .research>.na-label,.nested-apis .research>.na-col .na-caption{padding-left:32px}}
