[data-landing-nav] a[aria-current=location]{color:#065f46;background:#ecfdf5;box-shadow:inset 0 -2px #059669}.loop-demo{margin-top:2.5rem}.loop-demo [hidden]{display:none!important}.loop-demo-heading{color:#a7d9c8;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.loop-demo-heading p{flex-wrap:wrap;gap:.4rem;display:flex}.loop-demo-reset{text-underline-offset:4px;color:#d1fae5;flex-shrink:0;min-height:2.75rem;text-decoration:underline}.loop-demo-tabs{background:#ffffff06;border:1px solid #ffffff26;border-radius:.75rem .75rem 0 0;grid-template-columns:repeat(4,minmax(0,1fr));scroll-margin-top:6rem;display:grid;overflow:hidden}.loop-demo-tabs a{color:#b8d7cc;border-bottom:3px solid #0000;align-items:center;gap:.75rem;padding:1.25rem;font-weight:600;text-decoration:none;display:flex;position:relative}.loop-demo-tabs a+a{border-left:1px solid #ffffff1a}.loop-demo-tabs a:hover{color:#fff;background:#ffffff0a}.loop-demo-tabs a[aria-selected=true]{color:#fff;background:#ffffff0f;border-bottom-color:#6ee7b7}.loop-demo-number{color:#8bcbb4;font:500 .75rem ui-monospace,monospace}.loop-demo-connector{color:#74a996;margin-left:auto;font-weight:400}.loop-demo-tabs a[aria-selected=true] .loop-demo-connector{color:#6ee7b7}.loop-demo-workspace{color:#18181b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:0 0 .75rem .75rem;overflow:hidden}.loop-demo-workspace-heading{background:#f8faf7;border-bottom:1px solid #e4e8e2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.8125rem;font-weight:600;display:flex}.loop-demo-workspace-heading span span{color:#9ca3af;padding:0 .5rem}.loop-demo-caption{color:#71717a;font-weight:400}.loop-demo-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:3rem;min-height:27rem;padding:2rem;scroll-margin-top:6rem;display:grid}.loop-demo-panel+.loop-demo-panel{border-top:1px solid #e4e8e2}.loop-demo[data-enhanced] .loop-demo-panel{border-top:0}.loop-demo-story{padding-top:.5rem}.loop-demo-eyebrow{color:#047857;font-size:.75rem;font-weight:600}.loop-demo-story h3{margin-top:.75rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;line-height:1.2}.loop-demo-story>p:not(.loop-demo-eyebrow){color:#52525b;margin-top:1rem;font-size:.9375rem;line-height:1.75}.loop-demo-story>.loop-demo-hint{border-top:1px solid #e4e8e2;padding-top:1rem}.loop-demo-note{border-left:2px solid #d6bc73;margin-top:1.5rem;padding:.25rem 0 .25rem 1rem}.loop-demo-note h4{margin-top:.5rem;font-size:.875rem;font-weight:600;line-height:1.6}.loop-demo-note>p:last-child{color:#52525b;margin-top:.375rem;font-size:.875rem;line-height:1.7}.loop-demo-note-label{color:#71717a;margin-top:.75rem;font-size:.75rem}.loop-demo-preview{background:#fafbf8;border:1px solid #e0e7df;border-radius:.75rem;min-width:0;min-height:22rem;padding:1.5rem}.loop-demo-preview h4{font-size:1rem;font-weight:600;line-height:1.5}.loop-demo-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.loop-demo-tag{color:#065f46;background:#ecfdf5;border:1px solid #d1e9dc;border-radius:1rem;flex-shrink:0;padding:.25rem .5rem;font-size:.6875rem}.loop-demo-muted{color:#71717a;font-size:.8125rem;line-height:1.6;display:block}.loop-demo-preview>.loop-demo-muted{margin-top:.5rem}.loop-demo-progress{appearance:none;color:#059669;background:#e4e7e2;border:0;border-radius:1rem;width:100%;height:.375rem;margin-top:.75rem;display:block;overflow:hidden}.loop-demo-progress::-webkit-progress-bar{background:#e4e7e2}.loop-demo-progress::-webkit-progress-value{background:#059669;border-radius:1rem}.loop-demo-progress::-moz-progress-bar{background:#059669}.loop-demo-checklist{margin:.75rem 0}.loop-demo-checklist label{cursor:pointer;align-items:center;gap:.75rem;min-height:2.75rem;padding:.5rem 0;font-size:.875rem;line-height:1.5;display:flex}.loop-demo-checklist input{accent-color:#047857;flex-shrink:0;width:1.125rem;height:1.125rem}.loop-demo-checklist input:checked+span{color:#71717a;text-decoration:line-through}.loop-demo-button{color:#fff;cursor:pointer;background:#065f46;border:1px solid #065f46;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;max-width:100%;min-height:2.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1.5;display:inline-flex}.loop-demo-button:hover{background:#064e3b}.loop-demo-button:disabled{opacity:.65;cursor:default}.loop-demo-secondary{color:#065f46;background:#fff;border-color:#cddbd2}.loop-demo-secondary:hover{background:#ecfdf5}.loop-demo-timer{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-top:1.5rem;font:500 clamp(2.75rem,5vw,4rem)/1.2 ui-monospace,monospace}.loop-demo-timer~.loop-demo-button{margin-top:1rem}.loop-demo-footnote{color:#71717a;max-width:21rem;margin-top:1rem;font-size:.75rem;line-height:1.6}.loop-demo-preview>.loop-demo-question{margin:1.5rem 0;font-size:1.375rem}.loop-demo-answer{border-top:1px solid #dce6db;margin-bottom:1rem;padding-top:1rem}.loop-demo-answer p+p{color:#3f3f46;margin-top:.5rem;font-size:.875rem;line-height:1.7}.loop-demo-summary{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.loop-demo-summary strong{font-variant-numeric:tabular-nums;margin-top:.375rem;font-size:1.625rem;font-weight:600;display:block}.loop-demo-reflection{color:#52525b;border-left:2px solid #a7d9b4;margin-top:1rem;padding-left:.875rem;font-size:.875rem;line-height:1.7}.loop-demo-reflection p{margin-top:.5rem}.loop-demo-back{color:#065f46;text-underline-offset:4px;min-height:2.75rem;margin-top:.5rem;font-size:.8125rem;text-decoration:underline;display:block}.loop-demo-footer{color:#b8d7cc;padding-top:1rem;font-size:.75rem;line-height:1.6}.loop-demo-status{color:#d1fae5;min-height:1.6em;margin-top:.25rem}.loop-demo-noscript{color:#b8d7cc;margin-top:.5rem;font-size:.8125rem}.loop-demo :is(a,button,input):focus-visible{outline-offset:4px;outline:2px solid #059669}.loop-demo-tabs a:focus-visible{outline-offset:-5px;outline:2px solid #a7f3d0}.loop-demo-reset:focus-visible{outline-color:#a7f3d0}@media (prefers-reduced-motion:no-preference){.loop-demo[data-enhanced] .loop-demo-panel:not([hidden]){animation:.16s ease-out loop-demo-enter}@keyframes loop-demo-enter{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}@media (width<=767px){.loop-demo-panel{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-height:0;padding:1.5rem}.loop-demo-preview{min-height:22rem}.loop-demo-tabs a{text-align:center;flex-direction:column;gap:.375rem;padding:.875rem .375rem;font-size:.75rem;line-height:1.4}.loop-demo-connector{display:none}.loop-demo-workspace-heading{padding:1rem 1.5rem}.loop-demo-caption{display:none}}@media (width<=399px){.loop-demo-panel,.loop-demo-preview,.loop-demo-workspace-heading{padding:1rem}.loop-demo-heading{gap:.5rem;font-size:.75rem}}