:root{--primary:#149eca;--primary-light:#087ea4;--primary-contrast:white;--primary-soft:#e6f7ff;--primary-shadow:#149eca33;--text-color:#404756;--text-color-light:#5e687e;--text-color-lightest:#23272f;--border-color:#edf3f0;--bg-well:#f6fafd;--bg-body:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-color);background:var(--bg-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root[data-theme=dark]{--primary:#61dafb;--primary-light:#58c4dc;--primary-contrast:#0b1620;--primary-soft:#102a36;--primary-shadow:#61dafb2e;--text-color:#b7c0d1;--text-color-light:#8e99af;--text-color-lightest:white;--border-color:#363d49;--bg-well:#1d2027;--bg-body:#16181d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--primary:#61dafb;--primary-light:#58c4dc;--primary-contrast:#0b1620;--primary-soft:#102a36;--primary-shadow:#61dafb2e;--text-color:#b7c0d1;--text-color-light:#8e99af;--text-color-lightest:white;--border-color:#363d49;--bg-well:#1d2027;--bg-body:#16181d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text-color);background:var(--bg-body);margin:0;overflow-x:hidden}button{font:inherit;color:var(--primary-contrast);background:var(--primary);cursor:pointer;box-shadow:0 2px 6px var(--primary-shadow);border:none;border-radius:.45rem;padding:.46rem .7rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .1s}button:hover{background:var(--primary-light);box-shadow:0 3px 9px var(--primary-shadow)}button:active{transform:scale(.95)}button:focus-visible,a:focus-visible,.box:focus-visible{outline:3px solid var(--primary-shadow);outline-offset:3px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{width:max-content;max-width:100%;color:var(--text-color-lightest);letter-spacing:0;align-items:center;gap:.25rem;margin:0;font-size:3rem;line-height:1.05;display:flex}h2{color:var(--text-color-lightest);letter-spacing:0;margin-bottom:.85rem;font-size:1.8rem;line-height:1.1}h3{color:var(--text-color-lightest);letter-spacing:0;margin-bottom:.5rem;font-size:1.35rem;line-height:1.2}p{color:var(--text-color-light);margin-bottom:1rem;line-height:1.6}mark{color:var(--primary);background:0 0;margin:0 .35rem 0 0;padding:0;display:inline-block}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem}.wrapper{max-width:540px;margin:0 auto;padding:0 1rem 6rem}.header{border-bottom:1px solid var(--border-color);margin:6rem 0 0;padding:0 0 3rem;position:relative}.header p{max-width:32rem;margin:1rem 0 0}.links{flex-wrap:wrap;gap:.75rem;margin:1rem 0;font-size:.95rem;display:flex}.links a{align-items:center;gap:.3rem;display:inline-flex}.controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.language-switch{color:var(--primary);flex:none;align-items:center;gap:.35rem;display:inline-flex}.language-switch button,.theme-switch button{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:0 0;justify-content:center;align-items:center;gap:.25rem;padding:.35rem .55rem;display:inline-flex}.language-switch button.active,.theme-switch button.active{color:var(--primary-contrast);background:var(--primary)}.theme-switch{flex-wrap:wrap;flex:none;align-items:center;gap:.35rem;display:inline-flex}.title-stage{width:max-content;max-width:100%;position:relative}.title-confetti{pointer-events:none;position:absolute;top:1.4rem;left:-.25rem}.block{border-bottom:1px solid var(--border-color);padding:2.5rem 0;position:relative}.demo-block{padding-top:2.25rem}.demo-block>p{max-width:31rem;margin-bottom:1.1rem}.section-title{padding-top:3rem}.section-heading,.small-heading{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.section-heading h2,.small-heading h3{margin-bottom:0}.small-heading{margin-bottom:.5rem}.icon-chip{border:1px solid var(--border-color);width:1.85rem;height:1.85rem;color:var(--primary);background:var(--primary-soft);border-radius:.5rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-chip.small{border-radius:.45rem;width:1.7rem;height:1.7rem}.buttons{flex-wrap:wrap;gap:.72rem .8rem;margin:.7rem 0 1.65rem;display:flex}.confetti-toggle{flex:none;display:inline-block}.confetti-toggle.relative{isolation:isolate;position:relative}.confetti-toggle .confetti{pointer-events:none;z-index:0}.confetti-toggle.relative .confetti{position:absolute;top:50%;left:50%}.confetti-toggle button{z-index:1;position:relative}.buttons button{white-space:nowrap;min-height:2.45rem;padding:.5rem .7rem;font-size:.95rem;line-height:1}.button-code-group{grid-template-columns:7rem auto;align-items:start;gap:1rem;margin:.5rem 0;display:grid}.button-code-group button{width:100%}.well{border:1px solid var(--border-color);width:100%;color:var(--text-color);background:var(--bg-well);white-space:pre;border-radius:.5rem;padding:.35rem .5rem;line-height:1.55;display:block;overflow-x:auto}.has-tabs{margin-top:.75rem}.tabs{gap:.25rem;margin-bottom:-1px;padding-left:.25rem;display:flex}.tab{color:var(--primary);box-shadow:inset 0 0 0 1px var(--border-color);background:0 0;border-radius:.35rem .35rem 0 0;padding:.35rem .55rem}.tab.active{color:var(--primary-contrast);background:var(--primary);box-shadow:none}.has-tabs .well{border-top-left-radius:0}.box{border:1px solid var(--border-color);color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;background:#000;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:10rem;margin-top:1rem;font-weight:700;display:flex;position:relative}.box>span{pointer-events:none}.click-confetti{pointer-events:none;position:absolute;top:0;left:0}.fullscreen-confetti{z-index:1000;pointer-events:none;justify-content:center;width:100vw;height:100vh;display:flex;position:fixed;top:-50px;left:0;overflow:hidden}.mover{transform-origin:50%}.table{border:1px solid var(--border-color);background:var(--bg-well);border-radius:.5rem;grid-template-columns:1fr 1fr 3fr;gap:0;margin-top:1rem;display:grid;overflow-x:auto}.table>*{border-bottom:1px solid var(--border-color);min-width:0;color:var(--text-color);padding:.45rem .5rem;line-height:1.45}.table>strong{color:var(--text-color-lightest);background:var(--bg-body);font-size:.85rem}.table>code{color:var(--primary);white-space:nowrap}.table>div mark{margin-top:.35rem;font-size:.78rem;font-weight:700;display:block}.table>:nth-last-child(-n+3){border-bottom:0}.footer-note{color:var(--text-color-light);padding:1.5rem 0 0;font-size:.95rem}@media (width<=560px){h1{font-size:2.45rem}h2{font-size:1.75rem}.header{margin-top:4rem}.button-code-group{grid-template-columns:1fr;gap:.5rem}.button-code-group button{width:auto}.table{grid-template-columns:minmax(7rem,1fr) minmax(6rem,1fr) minmax(14rem,3fr)}}