.vortex-blog-diagram-module__v6e7xa__figure{container-type:inline-size}.vortex-blog-diagram-module__v6e7xa__annotation{color:color-mix(in srgb, var(--color-spiral-black) 65%, white);font-size:12px;line-height:1.5}.vortex-blog-diagram-module__v6e7xa__encodings,.vortex-blog-diagram-module__v6e7xa__layouts{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.vortex-blog-diagram-module__v6e7xa__centeredPanel>:first-child{text-align:center}.vortex-blog-diagram-module__v6e7xa__centeredCells{justify-content:center}.vortex-blog-diagram-module__v6e7xa__node{border:1px solid var(--color-spiral-grey-light);background:var(--color-spiral-white);text-align:center;border-radius:6px;gap:6px;min-width:0;padding:10px;display:grid}.vortex-blog-diagram-module__v6e7xa__nodeLabel,.vortex-blog-diagram-module__v6e7xa__layerLabel{font-size:16px;font-weight:500;line-height:1.5}.vortex-blog-diagram-module__v6e7xa__tree>.vortex-blog-diagram-module__v6e7xa__node{text-align:center;width:fit-content;min-width:120px;margin-inline:auto}.vortex-blog-diagram-module__v6e7xa__branches{align-items:flex-start;margin:0;padding:12px 0 0;list-style:none;display:flex;position:relative}.vortex-blog-diagram-module__v6e7xa__branches:before{content:"";border-left:1px solid var(--color-spiral-grey-light);height:12px;position:absolute;top:0;left:50%}.vortex-blog-diagram-module__v6e7xa__branch{flex:1 1 0;min-width:0;padding:20px 6px 0;position:relative}.vortex-blog-diagram-module__v6e7xa__branch:before{content:"";border-top:1px solid var(--color-spiral-grey-light);width:100%;height:12px;position:absolute;top:0;left:0}.vortex-blog-diagram-module__v6e7xa__branch:first-child:before{width:50%;left:50%}.vortex-blog-diagram-module__v6e7xa__branch:last-child:before{width:50%}.vortex-blog-diagram-module__v6e7xa__branch:after{content:"";border-left:1px solid var(--color-spiral-grey-light);height:28px;position:absolute;top:0;left:50%}.vortex-blog-diagram-module__v6e7xa__edge{z-index:1;background:var(--color-spiral-white);text-align:center;width:fit-content;margin:-16px auto 6px;padding:0 4px;font-size:12px;line-height:1.5;position:relative}.vortex-blog-diagram-module__v6e7xa__storageIntro{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.vortex-blog-diagram-module__v6e7xa__logicalTable{border-collapse:collapse;width:100%;font-family:var(--font-geist-mono), monospace;font-size:14px;line-height:1.5}.vortex-blog-diagram-module__v6e7xa__logicalTable th,.vortex-blog-diagram-module__v6e7xa__logicalTable td{border-bottom:1px solid var(--color-spiral-grey);text-align:left;padding:3px 8px}.vortex-blog-diagram-module__v6e7xa__logicalTable th{font-family:var(--font-geist-sans), sans-serif;font-size:16px;font-weight:500}.vortex-blog-diagram-module__v6e7xa__request{text-align:center;border-left:3px solid var(--color-spiral-pink);background:color-mix(in srgb, var(--color-spiral-pink) 12%, white);gap:8px;padding:12px;display:grid}.vortex-blog-diagram-module__v6e7xa__requestTitle{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;display:flex}.vortex-blog-diagram-module__v6e7xa__requestColumn{font-family:var(--font-geist-mono), monospace;font-size:14px}.vortex-blog-diagram-module__v6e7xa__legend{flex-wrap:wrap;justify-content:center;gap:8px 16px;font-size:12px;display:flex}.vortex-blog-diagram-module__v6e7xa__legend span{align-items:center;gap:6px;display:inline-flex}.vortex-blog-diagram-module__v6e7xa__fetchedSwatch,.vortex-blog-diagram-module__v6e7xa__unfetchedSwatch{border:1px solid var(--color-spiral-grey-light);background:var(--color-spiral-white);border-radius:2px;width:12px;height:12px;display:inline-block}.vortex-blog-diagram-module__v6e7xa__fetchedSwatch{border-color:var(--color-spiral-pink);background:var(--color-spiral-pink)}.vortex-blog-diagram-module__v6e7xa__layouts{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.vortex-blog-diagram-module__v6e7xa__segmentConnection{justify-items:stretch;display:grid}.vortex-blog-diagram-module__v6e7xa__segmentArrow{text-align:center;color:var(--color-spiral-grey-dark);line-height:20px}.vortex-blog-diagram-module__v6e7xa__segment{text-align:center;border:1px solid var(--color-spiral-grey-light);background:var(--color-spiral-white);font-family:var(--font-geist-mono), monospace;border-radius:4px;gap:8px;padding:12px;font-size:14px;line-height:1.5;display:grid}.vortex-blog-diagram-module__v6e7xa__segment .vortex-blog-diagram-module__v6e7xa__annotation{font-family:var(--font-geist-sans), sans-serif}.vortex-blog-diagram-module__v6e7xa__segment[data-fetched=true]{border-color:var(--color-spiral-pink);background:color-mix(in srgb, var(--color-spiral-pink) 24%, white)}.vortex-blog-diagram-module__v6e7xa__segmentContents{gap:8px;display:grid}.vortex-blog-diagram-module__v6e7xa__segmentContents span+span{border-top:1px solid color-mix(in srgb, var(--color-spiral-pink) 70%, white);padding-top:8px}.vortex-blog-diagram-module__v6e7xa__arrayTree>.vortex-blog-diagram-module__v6e7xa__branches>.vortex-blog-diagram-module__v6e7xa__branch:last-child,.vortex-blog-diagram-module__v6e7xa__storageTree>.vortex-blog-diagram-module__v6e7xa__branches>.vortex-blog-diagram-module__v6e7xa__branch:first-child{flex-grow:2}.vortex-blog-diagram-module__v6e7xa__storageTree .vortex-blog-diagram-module__v6e7xa__node,.vortex-blog-diagram-module__v6e7xa__storageTree .vortex-blog-diagram-module__v6e7xa__segment{padding:8px}.vortex-blog-diagram-module__v6e7xa__vectorLayers{display:grid}.vortex-blog-diagram-module__v6e7xa__vectorLayer{border-bottom:1px solid var(--color-spiral-grey);grid-template-columns:132px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.vortex-blog-diagram-module__v6e7xa__vectorLayer:first-child{padding-top:0}.vortex-blog-diagram-module__v6e7xa__vectorLayer:last-child{border-bottom:0;padding-bottom:0}.vortex-blog-diagram-module__v6e7xa__layerContent{gap:8px;min-width:0;display:grid}.vortex-blog-diagram-module__v6e7xa__vectorLayers .vortex-blog-diagram-module__v6e7xa__layerContent>div{margin-top:0}.vortex-blog-diagram-module__v6e7xa__vectorLayers .vortex-blog-diagram-module__v6e7xa__codeEncoding{gap:8px;padding:8px;display:grid}.vortex-blog-diagram-module__v6e7xa__codeEncoding>:first-child{margin-bottom:0}.vortex-blog-diagram-module__v6e7xa__vectorRows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-inline:8px;display:grid}.vortex-blog-diagram-module__v6e7xa__codeEncoding .vortex-blog-diagram-module__v6e7xa__vectorRows{padding-inline:0}.vortex-blog-diagram-module__v6e7xa__vectorRow{border-left:1px solid var(--color-spiral-grey-light);gap:4px;min-width:0;padding-left:8px;display:grid}.vortex-blog-diagram-module__v6e7xa__vectorRow .vortex-blog-diagram-module__v6e7xa__vectorCells{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:180px;display:grid}@container (max-width:700px){.vortex-blog-diagram-module__v6e7xa__encodings,.vortex-blog-diagram-module__v6e7xa__layouts{grid-template-columns:minmax(0,1fr)}}@container (max-width:560px){.vortex-blog-diagram-module__v6e7xa__tree>.vortex-blog-diagram-module__v6e7xa__node{margin-left:0}.vortex-blog-diagram-module__v6e7xa__tree .vortex-blog-diagram-module__v6e7xa__branches{margin-left:8px;padding-top:0;display:block}.vortex-blog-diagram-module__v6e7xa__tree .vortex-blog-diagram-module__v6e7xa__branches:before,.vortex-blog-diagram-module__v6e7xa__tree .vortex-blog-diagram-module__v6e7xa__branch:after{display:none}.vortex-blog-diagram-module__v6e7xa__tree .vortex-blog-diagram-module__v6e7xa__branch{border-left:1px solid var(--color-spiral-grey-light);padding:12px 0 0 12px}.vortex-blog-diagram-module__v6e7xa__tree .vortex-blog-diagram-module__v6e7xa__branch:before{width:8px;height:0;top:22px;left:0}.vortex-blog-diagram-module__v6e7xa__tree .vortex-blog-diagram-module__v6e7xa__edge{text-align:left;margin:0 0 6px;padding:0}.vortex-blog-diagram-module__v6e7xa__storageIntro,.vortex-blog-diagram-module__v6e7xa__vectorLayer,.vortex-blog-diagram-module__v6e7xa__vectorRows{grid-template-columns:minmax(0,1fr);gap:8px}.vortex-blog-diagram-module__v6e7xa__logicalTable th,.vortex-blog-diagram-module__v6e7xa__logicalTable td{padding-inline:4px}}