@charset "UTF-8";:root{--font-family-title: DM Serif Text, serif}html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,serif;tab-size:2;overflow-x:hidden;background-color:#fff;color:#141414;min-width:320px}html ::selection,body ::selection{background-color:#3b82f64d}@media (prefers-color-scheme: dark){html,body{background-color:#141414;color:#f1f1f1}html ::selection,body ::selection{background-color:#93c5fd4d}}aside{width:100%;padding-left:1.5rem;padding-right:1.5rem;overflow:auto;padding-bottom:0}@media (min-width: 768px){aside{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){aside{width:14rem;position:fixed;top:0;left:0;height:100vh;padding-bottom:2rem}}main{position:relative;width:100%;padding-left:1.5rem;padding-right:1.5rem;transform:translate(0)}@media (min-width: 1024px){main{width:calc(100vw - 14rem);margin-left:14rem;padding-left:0;padding-right:0}}@media (min-width: 1280px){main{transform:translate(-7rem)}}#app{width:100%;max-width:42rem;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;padding-bottom:5rem}#photos img{border-radius:0}.figure{text-align:center;font-size:.75rem;opacity:.6;margin-top:-1rem;padding-bottom:.5rem;display:block}@keyframes widthExpand{0%{width:0}to{width:.6rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sugg-back{display:none}img{max-width:100%;margin-bottom:1.5rem;display:block;margin-left:auto;margin-right:auto}video{max-width:100%;width:100%;margin-bottom:1.5rem;display:block;margin-left:auto;margin-right:auto}.page-content{padding-bottom:2rem;hyphens:auto}.page-content em{text-underline-offset:4px;text-decoration-color:#3b82f6;text-decoration:underline}@media (prefers-color-scheme: dark){.page-content em{text-decoration-color:#93c5fd}}.page-content .table-wrap{overflow:auto}.page-content blockquote{padding-left:.75rem;padding-top:.5rem;margin-bottom:1rem;position:relative}.page-content blockquote:before{content:"";display:block;width:4px;border-radius:.25rem;height:100%;position:absolute;left:-4px;top:0;background-color:#e5e5e5}@media (prefers-color-scheme: dark){.page-content blockquote:before{background-color:#525252}}.page-content blockquote p{padding-bottom:.5rem;line-height:1.75rem;margin-bottom:0}.page-content table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;border-top:1px solid rgb(115,115,115);border-left:1px solid rgb(115,115,115)}.page-content table th,.page-content table td{border-right:1px solid rgb(115,115,115);border-bottom:1px solid rgb(115,115,115);padding:.5rem 1rem}.page-content hr{margin-top:2rem;margin-bottom:2rem;width:4rem;margin-left:auto;margin-right:auto;background-color:#a3a3a3b3;border:none;height:4px;border-radius:1rem}@media (prefers-color-scheme: dark){.page-content hr{background-color:#404040b3}}.page-content ul,.page-content ol{list-style-type:disc;list-style-position:outside;padding-left:1.5rem;padding-bottom:1.5rem}.page-content ul li,.page-content ol li{margin-bottom:.25rem;line-height:1.75rem;position:relative}.page-content ul li ul,.page-content ul li ol,.page-content ol li ul,.page-content ol li ol{padding-bottom:0}.page-content ul li p,.page-content ol li p{margin-bottom:.5rem}.page-content ul li::marker,.page-content ol li::marker{position:absolute;left:0;display:block;color:#a3a3a3}@media (prefers-color-scheme: dark){.page-content ul li::marker,.page-content ol li::marker{color:#737373}}.page-content ol{list-style-type:decimal}.page-content img{margin-bottom:1.5rem;display:block;margin-left:auto;margin-right:auto;max-width:calc(100% + 3rem);transform:translate(-1.5rem);width:calc(100% + 3rem);border-radius:0}@media (min-width: 640px){.page-content img{max-width:100%;margin-left:auto;margin-right:auto;width:auto;transform:translate(0)}}.page-content p{font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.page-content p img{margin-bottom:1.5rem;display:block;margin-left:auto;margin-right:auto;max-width:calc(100% + 3rem);transform:translate(-1.5rem);width:calc(100% + 3rem);border-radius:0}@media (min-width: 640px){.page-content p img{max-width:100%;margin-left:auto;margin-right:auto;width:auto;transform:translate(0)}}.page-content p video{margin-bottom:1.5rem;display:block;margin-left:auto;margin-right:auto;max-width:calc(100% + 3rem);transform:translate(-1.5rem);width:calc(100% + 3rem);border-radius:0}@media (min-width: 640px){.page-content p video{max-width:100%;margin-left:auto;margin-right:auto;width:auto;transform:translate(0)}}.page-content .demo{margin-bottom:1.5rem;overflow:auto}.page-content a{text-underline-offset:4px;text-decoration:underline;text-decoration-color:#e5e5e5;color:#000;border-radius:2px}.page-content a:hover{text-decoration-style:wavy;text-decoration-color:#3b82f6e6}@media (prefers-color-scheme: dark){.page-content a{text-decoration-color:#404040;color:#fff}.page-content a:hover{text-decoration-color:#60a5fae6}}.page-content a[target=_blank]:after{content:"↗";font-size:.75rem;color:#737373}@media (prefers-color-scheme: dark){.page-content a[target=_blank]:after{color:#a3a3a3}}.page-content a.no-after-arrow:after{content:"";font-size:.75rem;color:#737373}@media (prefers-color-scheme: dark){.page-content a.no-after-arrow:after{color:#a3a3a3}}.page-content h1{font-size:20px;line-height:2.25rem;font-weight:500;margin-bottom:1.5rem;position:relative;font-family:var(--font-family-title)}@media (prefers-color-scheme: dark){.page-content h1{color:#fff}}.page-content h2{font-size:20px;line-height:2.25rem;font-weight:500;margin-bottom:1rem;margin-top:3rem;position:relative;font-family:var(--font-family-title)}@media (prefers-color-scheme: dark){.page-content h2{color:#fff}}.page-content h3{font-size:18px;line-height:2rem;font-weight:500;margin-bottom:.5rem;margin-top:1rem;position:relative;font-family:var(--font-family-title)}@media (prefers-color-scheme: dark){.page-content h3{color:#fff}}.page-content h4{font-size:16px;line-height:1.75rem;font-weight:500;margin-bottom:.25rem;margin-top:.5rem;position:relative;font-family:var(--font-family-title)}@media (prefers-color-scheme: dark){.page-content h4{color:#fff}}.page-content h5{font-size:14px;line-height:1.5rem;font-weight:500;margin-bottom:1.5rem;font-family:var(--font-family-title)}@media (prefers-color-scheme: dark){.page-content h5{color:#fff}}.page-content h6{font-size:14px;line-height:1.5rem;font-weight:500;margin-bottom:1.5rem;font-family:var(--font-family-title)}@media (prefers-color-scheme: dark){.page-content h6{color:#fff}}.page-content code{background-color:transparent;margin-left:0;margin-right:0;font-weight:800;color:#000;font-size:.875rem;word-break:break-all}.page-content code:before{content:"`";display:inline}.page-content code:after{content:"`";display:inline}@media (min-width: 640px){.page-content code{word-break:normal;white-space:pre-wrap}}@media (prefers-color-scheme: dark){.page-content code{color:#fff}}.page-content .astro-code{width:calc(100% + 3rem);margin-left:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 639px){.page-content .astro-code{width:100%;margin-left:0;padding-left:.75rem;padding-right:.75rem}}.page-content pre{font-size:.875rem;line-height:1.5rem;padding:.5rem .75rem;margin-bottom:1rem;margin-left:0;margin-right:0;background-color:#f5f5f5}@media (prefers-color-scheme: dark){.page-content pre{background-color:#262626}}.page-content pre code{font-size:.875rem;line-height:1.25rem;padding:0;border-radius:.25rem;background-color:transparent;margin-left:0;margin-right:0;font-weight:400;word-break:normal}.page-content pre code:before{content:"";display:none}.page-content pre code:after{content:"";display:none}@media (min-width: 640px){.page-content pre code{white-space:pre}}.markdown-alert{color:#000000b3;margin-bottom:.5rem}@media (prefers-color-scheme: dark){.markdown-alert{color:#ffffffb3}}.markdown-alert.markdown-alert-note{color:#1d4ed8}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-note{color:#60a5fa}}.markdown-alert.markdown-alert-tip{color:#15803d}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-tip{color:#4ade80}}.markdown-alert.markdown-alert-warning{color:#a16207}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-warning{color:#facc15}}.markdown-alert.markdown-alert-caution{color:#b91c1c}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-caution{color:#f87171}}.markdown-alert.markdown-alert-important{color:#7e22ce}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-important{color:#c4b5fd}}.markdown-alert .markdown-alert-title{display:flex;align-items:center;font-size:.875rem;font-weight:600;color:inherit;margin-bottom:0}.markdown-alert .markdown-alert-title svg{fill:currentColor}.shiki-themes,.astro-code-themes{background-color:#00000008!important}@media (prefers-color-scheme: dark){.astro-code-themes,.astro-code-themes span,.shiki-themes,.shiki-themes span{color:var(--shiki-dark)!important;background-color:transparent!important}.shiki-themes,.astro-code-themes{background-color:#ffffff0d!important}}@keyframes slideUp_offset{0%{transform:translateY(10px) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:1}}@keyframes slideUp{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wave{0%,50%{transform:rotate(0)}10%,30%{transform:rotate(14deg) scale(1.2)}20%,40%{transform:rotate(-8deg) scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wave-animation{display:inline-block;transform-origin:70% 70%;animation:wave 4s ease-in-out infinite}