:root{color-scheme:light;--color-background: #ffffff;--color-surface: #ffffff;--color-text: #1d1d1f;--color-divider: rgba(29, 29, 31, .45);--space-10: 10px;--space-30: 30px;--space-60: 60px;--space-120: 120px;--header-padding: 40px;--section-padding-bottom: 160px;--page-gutter: clamp(15px, 1.75vw, var(--space-30));--page-width: 1200px;--layout-columns: 6;--sticky-clearance: calc(25px + (2 * var(--header-padding)));font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-background);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:var(--sticky-clearance);background:var(--color-background)}body{margin:0;background:var(--color-background)}.header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(var(--layout-columns),minmax(0,1fr));grid-template-rows:max-content;align-items:center;column-gap:var(--space-30);row-gap:var(--header-padding);max-width:var(--page-width);margin:0 auto;padding:var(--header-padding) var(--page-gutter) 0;background:var(--color-background)}.header .divider{grid-column:1 / -1;grid-row:2}.site-name{grid-column:1 / span 2;grid-row:1;white-space:nowrap;line-height:1}.site-links{grid-column:6;grid-row:1;display:flex;justify-content:flex-end;gap:18px}.site-links a{display:inline-flex;color:inherit}.divider{width:100%;height:0;margin:0;border:0;border-top:.5px solid var(--color-divider)}.page{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-gutter)}.docs section{display:grid;grid-template-columns:repeat(var(--layout-columns),minmax(0,1fr));column-gap:var(--space-30);padding:var(--space-30) 0 var(--section-padding-bottom)}.docs section:first-child{padding-top:var(--space-60)}.docs h2{grid-column:1;margin:0;font-size:inherit;font-weight:inherit}.docs .body{grid-column:2 / -1}@media(max-width:720px){.docs section{grid-template-columns:minmax(0,1fr);row-gap:var(--space-10)}.docs h2,.docs .body{grid-column:1 / -1}.docs p{max-width:none}}.docs .body>*{margin:0 0 var(--space-60)}.docs .body>*:last-child{margin-bottom:0}.docs p{max-width:62ch}.docs-code{border-radius:6px;overflow:hidden}.docs-code-head{padding:12px 16px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.docs-code-tab{display:inline-flex;margin-bottom:-1px;padding-bottom:10px;border-bottom:2px solid currentColor;font-size:14px}.docs pre{margin:0;padding:14px 16px;overflow-x:auto}.docs pre,.docs code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.gestures{display:grid;row-gap:var(--space-120)}.gesture{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--space-30);align-items:start;margin:0}.gesture figcaption{grid-row:1;grid-column:5}.gesture img{display:block;width:100%;height:auto;grid-row:1;grid-column:1 / 5}.gesture:nth-child(2n) figcaption{grid-column:1}.gesture:nth-child(2n) img{grid-column:2 / -1}@media(max-width:720px){.gesture,.gesture:nth-child(2n){grid-template-columns:minmax(0,1fr);row-gap:var(--space-10)}.gesture figcaption,.gesture img,.gesture:nth-child(2n) figcaption,.gesture:nth-child(2n) img{grid-row:auto;grid-column:1 / -1}}.demo{height:460px}.demo-panel{display:grid;place-content:center;justify-items:center;border:1px solid var(--color-text);border-radius:4px;background:var(--color-surface);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;overflow:hidden}.footer{display:grid;grid-template-columns:repeat(var(--layout-columns),minmax(0,1fr));column-gap:var(--space-30);max-width:var(--page-width);margin:0 auto;padding:0 var(--page-gutter) var(--space-60)}.footer .divider{grid-column:1 / -1;margin-bottom:var(--space-30)}.footer-copyright{grid-column:5 / -1;justify-self:end;white-space:nowrap;font:inherit}