@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;font-weight:500;font-optical-sizing:auto;font-style:normal;color:#222;touch-action:manipulation}.app{min-height:100vh;padding:1rem}@media screen and (min-width: 768px){.app{padding:2rem}}@media screen and (min-width: 1024px){.app{padding:3rem}}@media screen and (min-width: 1280px){.app{padding:0 10vw}}@media screen and (min-width: 1600px){.app{padding:0 15vw}}.notes{margin:.2rem 0 2rem;padding:1rem;border-radius:.5rem;background:#f9f9f9;border:1px solid #eee}.notes h1,.notes p,.notes li{margin:1rem 0;max-width:clamp(38rem,50vw,60rem)}.notes h1{font-size:1.999rem;color:#2c3e50}.notes li{list-style-type:none}.notes li:before{content:"-"}.notes,.demo{margin-left:1rem;margin-right:1rem}@media screen and (min-width: 768px){.notes,.demo{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 1024px){.notes,.demo{margin-left:5vw;margin-right:5vw}}@media screen and (min-width: 1280px){.notes,.demo{margin-left:10vw;margin-right:10vw}}@media screen and (min-width: 1600px){.notes,.demo{margin-left:20vw;margin-right:20vw}}.qr[data-v-1b961d69]{position:absolute;top:.5rem;right:.5rem;background-color:#fff;display:inline-block;border:1px solid black;padding:.25rem;border-radius:.25rem;cursor:pointer}nav[data-v-888c5b80]{position:relative}nav .logo[data-v-888c5b80]{display:block;padding:.5rem;border-bottom:2px solid white}nav .logo svg[data-v-888c5b80]{width:3em;height:3em;fill:#222}nav .logo.active svg[data-v-888c5b80]{fill:#007bff}nav .menu[data-v-888c5b80]{list-style-type:none;padding:0;display:inline-block}nav .menu>li[data-v-888c5b80]{display:inline-block;margin:0 .25rem;border-bottom:none}nav .menu>li div[data-v-888c5b80]{border-color:#fff;border-style:solid;border-width:1px 1px 0 1px;border-radius:.5rem .5rem 0 0;transition:background-color .3s,color .3s,border-color .3s,color .3s}nav .menu>li div[data-v-888c5b80]:hover{border-color:#65696ccc;border-style:solid;border-width:1px 1px 0 1px;border-radius:.5rem .5rem 0 0;background-color:#65696ccc;color:#fff}nav .menu>li .current[data-v-888c5b80]{border-color:#007bffcc;border-style:solid;border-width:1px 1px 0 1px;border-radius:.5rem .5rem 0 0;background-color:#007bffcc;color:#fff}nav .menu>li .active[data-v-888c5b80]{border-color:#65696ccc;border-style:solid;border-width:1px 1px 0 1px;border-radius:.5rem .5rem 0 0;background-color:#65696ccc;color:#fff}nav .menu>li a svg[data-v-888c5b80]{width:3em;height:3em;fill:#222}nav .menu>li a:hover svg[data-v-888c5b80]{fill:#007bffcc}nav .menu>li a.active svg[data-v-888c5b80]{fill:#007bff}nav .menu>li p[data-v-888c5b80]{padding:.5rem 1rem;font-weight:700;cursor:pointer}nav .menu>li p[data-v-888c5b80]:hover{text-decoration:underline}nav .tabs[data-v-888c5b80]{background-color:#f9f9f9;border-top:none;display:none;z-index:1000;transition:background-color .3s,color .3s,color .3s}nav .tabs.current[data-v-888c5b80]{display:grid;justify-content:center;gap:1rem;padding:.5rem 0;background-color:#007bffcc;color:#fff}@media screen and (min-width: 768px){nav .tabs.current[data-v-888c5b80]{display:flex}}nav .tabs.current a[data-v-888c5b80]{color:#fff}nav .tabs.active[data-v-888c5b80]{display:grid;justify-content:center;gap:1rem;padding:.5rem 0;background-color:#65696ccc;color:#fff}@media screen and (min-width: 768px){nav .tabs.active[data-v-888c5b80]{display:flex}}nav .tabs.active a[data-v-888c5b80]{color:#fff}nav .tabs a[data-v-888c5b80]{padding:.5rem 1rem;text-decoration:none;color:#007bff}nav .tabs a[data-v-888c5b80]:hover{text-decoration:underline}nav[data-v-a66b066e]{text-align:center;margin-top:2rem;padding:1rem 0;margin-top:1rem;border-radius:8px;transition:background-color .3s ease}nav a[data-v-a66b066e]{display:inline-block;padding:.5rem;margin:0 .25rem;color:#000;text-decoration:none;border-radius:.5rem}nav a.active[data-v-a66b066e]{background-color:#007bff;color:#fff;font-weight:700;text-decoration:underline}nav a[data-v-a66b066e]:hover{background-color:#e0e0e0;color:#007bff}main[data-v-a66b066e]{min-height:100vh}footer[data-v-a66b066e]{text-align:center;border-top:1px solid #ccc;padding:1rem;font-size:.875rem;color:#666;margin-top:4rem}.logo[data-v-97a01395]{display:grid;place-items:center}.logo svg[data-v-97a01395]{width:50%;max-height:50vh;height:auto;fill:#222}