.prop-drilling-demo:where(.astro-r5p3vaqs){margin:2rem 0;font-family:system-ui,-apple-system,sans-serif;position:relative}.controls:where(.astro-r5p3vaqs){align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.component-tree:where(.astro-r5p3vaqs){background:#212737;border-radius:.5rem;min-height:300px;padding:2rem;position:relative}.component-row:where(.astro-r5p3vaqs){margin:2rem 0;position:relative}.component:where(.astro-r5p3vaqs){cursor:pointer;z-index:2;color:#eaedf3;background:#343f60;border:2px solid #ab4b99;border-radius:.5rem;width:200px;margin:0 auto;padding:1.5rem;transition:all .3s,background-color .5s;position:relative}.component:where(.astro-r5p3vaqs):hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6bed33}.component:where(.astro-r5p3vaqs).highlight{background:#8a337b;border-color:#ff6bed;transform:translateY(-2px)scale(1.05);box-shadow:0 0 15px #ff6bed4d}.prop-arrow:where(.astro-r5p3vaqs){background:linear-gradient(#ff6bed33,#ff6bed99);width:2px;height:30px;position:absolute;bottom:-35px;left:50%;overflow:hidden;transform:translate(-50%)}.prop-arrow:where(.astro-r5p3vaqs):after{content:"";border:5px solid #0000;border-top-color:#ff6bed;position:absolute;bottom:-6px;left:-4px}.prop-dot:where(.astro-r5p3vaqs){opacity:0;background:#ff6bed;border-radius:50%;width:6px;height:6px;position:absolute;left:50%;transform:translate(-50%)translateY(-100%)}.prop-arrow:where(.astro-r5p3vaqs).animate .prop-dot:where(.astro-r5p3vaqs){animation:.6s cubic-bezier(.4,0,.2,1) forwards moveDot}@keyframes moveDot{0%{opacity:1;transform:translate(-50%)translateY(-100%)}to{opacity:0;transform:translate(-50%)translateY(100%)}}.user-button:where(.astro-r5p3vaqs){color:#eaedf3;cursor:pointer;background:linear-gradient(135deg,#ff6bed,#ab4b99);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s}.user-button:where(.astro-r5p3vaqs):hover{transform:scale(1.05)}.user-indicator:where(.astro-r5p3vaqs){color:#eaedf3;background:#343f60;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;transition:background .3s}.component-tooltip:where(.astro-r5p3vaqs){color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000c;border-radius:4px;padding:4px 8px;font-size:.8rem;transition:opacity .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.component:where(.astro-r5p3vaqs):hover .component-tooltip:where(.astro-r5p3vaqs){opacity:1}.user-text:where(.astro-r5p3vaqs){transition:all .3s}.pinia-demo:where(.astro-wyhs66y2){margin:2rem 0;font-family:system-ui,-apple-system,sans-serif;position:relative}.controls:where(.astro-wyhs66y2){align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.component-tree:where(.astro-wyhs66y2){background:#212737;border-radius:.5rem;grid-template-columns:250px 1fr;gap:2rem;min-height:400px;padding:2rem;display:grid;position:relative}@media (width<=768px){.component-tree:where(.astro-wyhs66y2){grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.store:where(.astro-wyhs66y2){max-width:250px;margin:0 auto}.components-container:where(.astro-wyhs66y2){margin-top:1rem}}.store-container:where(.astro-wyhs66y2){flex-direction:column;justify-content:center;display:flex}.store:where(.astro-wyhs66y2){color:#eaedf3;background:#8a337b;border:3px solid #ff6bed;border-radius:.5rem;height:fit-content;padding:1.5rem;position:relative}.store-header:where(.astro-wyhs66y2){margin-bottom:1rem;font-size:1.1em;font-weight:700}.components-container:where(.astro-wyhs66y2){flex-direction:column;gap:2rem;display:flex}.component-row:where(.astro-wyhs66y2){position:relative}.component:where(.astro-wyhs66y2){cursor:pointer;z-index:2;color:#eaedf3;background:#343f60;border:2px solid #ab4b99;border-radius:.5rem;width:250px;margin:0 auto;padding:1.5rem;transition:all .3s;position:relative}.component:where(.astro-wyhs66y2):hover{transform:translate(10px);box-shadow:0 4px 15px #ff6bed33}.component:where(.astro-wyhs66y2).highlight{background:#8a337b;border-color:#ff6bed;box-shadow:0 0 15px #ff6bed4d}.store-access:where(.astro-wyhs66y2){color:#ff6bed;opacity:0;margin-bottom:.5rem;font-family:monospace;font-size:.9em;transition:all .3s;transform:translate(-10px)}.component:where(.astro-wyhs66y2).highlight .store-access:where(.astro-wyhs66y2){opacity:1;transform:translate(0)}.user-button:where(.astro-wyhs66y2){color:#eaedf3;cursor:pointer;background:linear-gradient(135deg,#ff6bed,#ab4b99);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s}.user-button:where(.astro-wyhs66y2):hover{transform:scale(1.05)}.user-indicator:where(.astro-wyhs66y2){color:#eaedf3;background:#343f60;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem}@keyframes storeUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.store:where(.astro-wyhs66y2).updating{animation:.5s ease-in-out storeUpdate}.composable-demo:where(.astro-jblwq2h2){margin:2rem 0;font-family:system-ui,-apple-system,sans-serif;position:relative}.controls:where(.astro-jblwq2h2){align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.component-tree:where(.astro-jblwq2h2){background:#212737;border-radius:.5rem;grid-template-columns:250px 1fr;gap:2rem;min-height:400px;padding:2rem;display:grid;position:relative}@media (width<=768px){.component-tree:where(.astro-jblwq2h2){grid-template-columns:1fr;gap:1rem;min-height:300px;padding:.75rem}.composable-container:where(.astro-jblwq2h2){margin-bottom:1rem}.component:where(.astro-jblwq2h2){width:100%;max-width:100%;padding:1rem}.components-container:where(.astro-jblwq2h2){gap:1rem}.code-snippet:where(.astro-jblwq2h2){padding:.25rem;font-size:.8em}.composable:where(.astro-jblwq2h2){padding:1rem}.composable-header:where(.astro-jblwq2h2){margin-bottom:.5rem;font-size:1em}}.composable-container:where(.astro-jblwq2h2){flex-direction:column;justify-content:center;display:flex}.composable:where(.astro-jblwq2h2){color:#eaedf3;background:#8a337b;border:3px solid #ff6bed;border-radius:.5rem;height:fit-content;padding:1.5rem;position:relative}.composable-header:where(.astro-jblwq2h2){margin-bottom:1rem;font-size:1.1em;font-weight:700}.code-snippet:where(.astro-jblwq2h2){background:#0000004d;border-radius:.25rem;padding:.5rem;font-family:monospace;font-size:.9em;line-height:1.4}.components-container:where(.astro-jblwq2h2){flex-direction:column;gap:2rem;display:flex}.component-row:where(.astro-jblwq2h2){position:relative}.component:where(.astro-jblwq2h2){cursor:pointer;z-index:2;color:#eaedf3;background:#343f60;border:2px solid #ab4b99;border-radius:.5rem;width:250px;margin:0 auto;padding:1.5rem;transition:all .3s;position:relative}.component:where(.astro-jblwq2h2):hover{transform:translate(10px);box-shadow:0 4px 15px #ff6bed33}.component:where(.astro-jblwq2h2).highlight{background:#8a337b;border-color:#ff6bed;box-shadow:0 0 15px #ff6bed4d}.composable-access:where(.astro-jblwq2h2){color:#ff6bed;opacity:0;margin-bottom:.5rem;font-family:monospace;font-size:.9em;transition:all .3s;transform:translate(-10px)}.component:where(.astro-jblwq2h2).highlight .composable-access:where(.astro-jblwq2h2){opacity:1;transform:translate(0)}.user-button:where(.astro-jblwq2h2){color:#eaedf3;cursor:pointer;background:linear-gradient(135deg,#ff6bed,#ab4b99);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s}.user-button:where(.astro-jblwq2h2):hover{transform:scale(1.05)}.user-indicator:where(.astro-jblwq2h2){color:#eaedf3;background:#343f60;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem}@keyframes composableUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.composable:where(.astro-jblwq2h2).updating{animation:.5s ease-in-out composableUpdate}.provide-inject-demo:where(.astro-ndvwq7b2){margin:2rem 0;font-family:system-ui,-apple-system,sans-serif;position:relative}.controls:where(.astro-ndvwq7b2){align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.component-tree:where(.astro-ndvwq7b2){background:#212737;border-radius:.5rem;grid-template-columns:250px 1fr;gap:2rem;min-height:400px;padding:2rem;display:grid;position:relative}.provider-container:where(.astro-ndvwq7b2){flex-direction:column;gap:1rem;display:flex}.provider:where(.astro-ndvwq7b2),.symbol-key:where(.astro-ndvwq7b2){color:#eaedf3;background:#8a337b;border:3px solid #ff6bed;border-radius:.5rem;padding:1.5rem;position:relative}.provider-header:where(.astro-ndvwq7b2),.symbol-header:where(.astro-ndvwq7b2){margin-bottom:1rem;font-size:1.1em;font-weight:700}.code-snippet:where(.astro-ndvwq7b2){background:#0000004d;border-radius:.25rem;padding:.5rem;font-family:monospace;font-size:.9em;line-height:1.4}.components-container:where(.astro-ndvwq7b2){flex-direction:column;gap:2rem;display:flex}.component-row:where(.astro-ndvwq7b2){position:relative}.component:where(.astro-ndvwq7b2){cursor:pointer;z-index:2;color:#eaedf3;background:#343f60;border:2px solid #ab4b99;border-radius:.5rem;width:250px;margin:0 auto;padding:1.5rem;transition:all .3s;position:relative}.component:where(.astro-ndvwq7b2):hover{transform:translate(10px);box-shadow:0 4px 15px #ff6bed33}.component:where(.astro-ndvwq7b2).highlight{background:#8a337b;border-color:#ff6bed;box-shadow:0 0 15px #ff6bed4d}.provide-code:where(.astro-ndvwq7b2),.inject-code:where(.astro-ndvwq7b2){color:#ff6bed;opacity:0;margin-bottom:.5rem;font-family:monospace;font-size:.9em;transition:all .3s;transform:translate(-10px)}.pass-through:where(.astro-ndvwq7b2){color:#ab4b99;text-align:center;font-size:.9em;font-style:italic}.component:where(.astro-ndvwq7b2).highlight .provide-code:where(.astro-ndvwq7b2),.component:where(.astro-ndvwq7b2).highlight .inject-code:where(.astro-ndvwq7b2){opacity:1;transform:translate(0)}.provide-arrow:where(.astro-ndvwq7b2){background:linear-gradient(#ff6bed33,#ff6bed99);width:2px;height:30px;position:absolute;bottom:-35px;left:50%;overflow:hidden;transform:translate(-50%)}.provide-arrow:where(.astro-ndvwq7b2):after{content:"";border:5px solid #0000;border-top-color:#ff6bed;position:absolute;bottom:-6px;left:-4px}.provide-dot:where(.astro-ndvwq7b2){opacity:0;background:#ff6bed;border-radius:50%;width:6px;height:6px;position:absolute;left:50%;transform:translate(-50%)translateY(-100%)}.provide-arrow:where(.astro-ndvwq7b2).animate .provide-dot:where(.astro-ndvwq7b2){animation:.8s cubic-bezier(.4,0,.2,1) forwards moveDot}.user-button:where(.astro-ndvwq7b2){color:#eaedf3;cursor:pointer;background:linear-gradient(135deg,#ff6bed,#ab4b99);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s}.user-button:where(.astro-ndvwq7b2):hover{transform:scale(1.05)}.user-indicator:where(.astro-ndvwq7b2){color:#eaedf3;background:#343f60;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem}@keyframes providerUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.provider:where(.astro-ndvwq7b2).updating{animation:.5s ease-in-out providerUpdate}@media (width<=768px){.component-tree:where(.astro-ndvwq7b2){grid-template-columns:1fr;gap:1.5rem;padding:1rem}.provider-container:where(.astro-ndvwq7b2){max-width:100%}.provider:where(.astro-ndvwq7b2),.symbol-key:where(.astro-ndvwq7b2){padding:1rem}.component:where(.astro-ndvwq7b2){width:100%;max-width:300px;padding:1rem}.code-snippet:where(.astro-ndvwq7b2){padding:.5rem;font-size:.8em;overflow-x:auto}.controls:where(.astro-ndvwq7b2){flex-direction:column;align-items:stretch}.user-button:where(.astro-ndvwq7b2){width:100%}.user-indicator:where(.astro-ndvwq7b2){text-align:center}}.event-bus-demo:where(.astro-ghb26h7n){margin:2rem 0;font-family:system-ui,-apple-system,sans-serif;position:relative}.controls:where(.astro-ghb26h7n){align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.demo-container:where(.astro-ghb26h7n){background:#212737;border-radius:.5rem;flex-direction:column;gap:1.5rem;min-height:auto;padding:1rem;display:flex;position:relative;overflow-x:hidden}.event-bus:where(.astro-ghb26h7n){color:#eaedf3;background:#8a337b;border:2px solid #ff6bed;border-radius:.5rem;width:95%;max-width:600px;margin:0 auto;padding:1rem;position:relative}.event-bus-header:where(.astro-ghb26h7n){text-align:center;margin-bottom:1rem;font-size:1.1em;font-weight:700}.code-snippet:where(.astro-ghb26h7n){background:#0000004d;border-radius:.25rem;padding:.25rem;font-family:monospace;font-size:.8em;line-height:1.3}.components-grid:where(.astro-ghb26h7n){grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1rem;display:grid}.component:where(.astro-ghb26h7n){cursor:pointer;z-index:2;color:#eaedf3;background:#343f60;border:2px solid #ab4b99;border-radius:.5rem;padding:1.5rem;transition:all .3s;position:relative}.component:where(.astro-ghb26h7n):hover{transform:translateY(-5px);box-shadow:0 4px 15px #ff6bed33}.component:where(.astro-ghb26h7n).highlight{background:#8a337b;border-color:#ff6bed;box-shadow:0 0 15px #ff6bed4d}.emit-code:where(.astro-ghb26h7n),.listen-code:where(.astro-ghb26h7n){color:#ff6bed;opacity:0;margin-bottom:.5rem;font-family:monospace;font-size:.9em;transition:all .3s;transform:translateY(5px)}.component:where(.astro-ghb26h7n).highlight .emit-code:where(.astro-ghb26h7n),.component:where(.astro-ghb26h7n).highlight .listen-code:where(.astro-ghb26h7n){opacity:1;transform:translateY(0)}.event-dot:where(.astro-ghb26h7n){border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.event-dot:where(.astro-ghb26h7n).emitter{background:#ff6bed;box-shadow:0 0 8px #ff6bed}.event-dot:where(.astro-ghb26h7n).listener{background:#4caf50;box-shadow:0 0 8px #4caf50}.event-paths:where(.astro-ghb26h7n){pointer-events:none;position:absolute;inset:0}.event-particle:where(.astro-ghb26h7n){pointer-events:none;opacity:0;background:#ff6bed;border-radius:50%;width:6px;height:6px;position:absolute}.user-button:where(.astro-ghb26h7n){color:#eaedf3;cursor:pointer;background:linear-gradient(135deg,#ff6bed,#ab4b99);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s}.user-button:where(.astro-ghb26h7n):hover{transform:scale(1.05)}.user-indicator:where(.astro-ghb26h7n){color:#eaedf3;background:#343f60;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem}@keyframes eventBusUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.event-bus:where(.astro-ghb26h7n).updating{animation:.5s ease-in-out eventBusUpdate}@keyframes particleMove{0%{opacity:1;transform:translate(0)}to{opacity:0}}@media (width<=768px){.event-bus-demo:where(.astro-ghb26h7n){margin:1rem 0}.controls:where(.astro-ghb26h7n){margin-bottom:1rem}.demo-container:where(.astro-ghb26h7n){gap:1rem;padding:.75rem}.event-bus:where(.astro-ghb26h7n){padding:.75rem}.event-bus-header:where(.astro-ghb26h7n){margin-bottom:.5rem;font-size:1em}.components-grid:where(.astro-ghb26h7n){grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0}.component:where(.astro-ghb26h7n){padding:.75rem;font-size:.9em}.component-header:where(.astro-ghb26h7n){margin-bottom:.25rem;font-size:.9em}.emit-code:where(.astro-ghb26h7n),.listen-code:where(.astro-ghb26h7n){margin-bottom:.25rem;font-size:.75em}.user-button:where(.astro-ghb26h7n){padding:.5rem 1rem;font-size:.9em}.user-indicator:where(.astro-ghb26h7n){padding:.4rem .8rem;font-size:.9em}.component:where(.astro-ghb26h7n):hover{transform:none}}