@charset "UTF-8";html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:hidden;min-width:320px;--tw-bg-opacity: 1;background-color:rgb(250 250 248 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(20 20 19 / var(--tw-text-opacity, 1))}html *::-moz-selection,body *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}html *::selection,body *::selection{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}html::-moz-selection,body::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}html::selection,body::selection{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}@media (prefers-color-scheme: dark){html,body{--tw-bg-opacity: 1;background-color:rgb(20 20 19 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(241 241 241 / var(--tw-text-opacity, 1))}html *::-moz-selection,body *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}html *::selection,body *::selection{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}html::-moz-selection,body::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}html::selection,body::selection{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}}aside{width:100%;overflow:auto;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0}@media (min-width: 768px){aside{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){aside{position:fixed;top:0;left:0;height:100vh;width:14rem;padding-bottom:2rem}}main{position:relative;width:100%;--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 1024px){main{margin-left:14rem;width:calc(100vw - 14rem);padding-left:0;padding-right:0}}@media (min-width: 1280px){main{--tw-translate-x: -7rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}#app{margin-left:auto;margin-right:auto;width:100%;max-width:42rem;padding-left:0;padding-right:0;padding-bottom:5rem}#photos img{border-radius:0}.figure{margin-top:-1rem;display:block;padding-bottom:.5rem;text-align:center;font-size:.75rem;line-height:1rem;opacity:.6}@keyframes widthExpand{0%{width:0}to{width:.6rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sugg-back{display:none}img{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;display:block;max-width:100%}video{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;display:block;width:100%;max-width:100%}.page-content{-webkit-hyphens:auto;hyphens:auto;padding-bottom:2rem}.page-content em{text-decoration-line:underline;text-decoration-color:#fb923c;text-underline-offset:4px}@media (prefers-color-scheme: dark){.page-content em{text-decoration-color:#f97316}}.page-content .table-wrap{overflow:auto}.page-content blockquote{position:relative;margin-bottom:1rem;padding-left:.75rem;padding-top:.5rem}.page-content blockquote:before{content:"";position:absolute;left:-4px;top:0;display:block;height:100%;width:4px;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}@media (prefers-color-scheme: dark){.page-content blockquote:before{--tw-bg-opacity: 1;background-color:rgb(82 82 82 / var(--tw-bg-opacity, 1))}}.page-content blockquote p{margin-bottom:0;padding-bottom:.5rem;line-height:1.75rem}.page-content table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-top-width:1px;border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(115 115 115 / var(--tw-border-opacity, 1))}.page-content table th,.page-content table td{border-right-width:1px;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(115 115 115 / var(--tw-border-opacity, 1));padding:.5rem 1rem}.page-content hr{margin-top:2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;height:4px;width:4rem;border-radius:1rem;border-style:none;background-color:#a3a3a3b3}@media (prefers-color-scheme: dark){.page-content hr{background-color:#404040b3}}.page-content ul,.page-content ol{list-style-position:outside;list-style-type:disc;padding-left:1.5rem;padding-bottom:1.5rem}.page-content ul li,.page-content ol li{position:relative;margin-bottom:.25rem;line-height:1.75rem}.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;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){.page-content ul li::marker,.page-content ol li::marker{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}}.page-content ol{list-style-type:decimal}.page-content img{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;display:block;width:calc(100% + 3rem);max-width:calc(100% + 3rem);--tw-translate-x: -1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:0}@media (min-width: 640px){.page-content img{margin-left:auto;margin-right:auto;width:auto;max-width:100%;--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.page-content p{margin-bottom:1.5rem;font-size:1rem;line-height:1.5rem;line-height:1.7}.page-content p img{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;display:block;width:calc(100% + 3rem);max-width:calc(100% + 3rem);--tw-translate-x: -1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:0}@media (min-width: 640px){.page-content p img{margin-left:auto;margin-right:auto;width:auto;max-width:100%;--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.page-content p video{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;display:block;width:calc(100% + 3rem);max-width:calc(100% + 3rem);--tw-translate-x: -1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:0}@media (min-width: 640px){.page-content p video{margin-left:auto;margin-right:auto;width:auto;max-width:100%;--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.page-content .demo{margin-bottom:1.5rem;overflow:auto}.page-content a{border-radius:2px;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));text-decoration-line:underline;text-decoration-color:#d4d4d4;text-underline-offset:4px}.page-content a:hover{text-decoration-color:#f97316;text-decoration-style:wavy}@media (prefers-color-scheme: dark){.page-content a{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));text-decoration-color:#525252}}.page-content a[target=_blank]:after{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1));--tw-content: " ↗";content:var(--tw-content)}@media (prefers-color-scheme: dark){.page-content a[target=_blank]:after{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}}.page-content h1{position:relative;margin-bottom:1.5rem;font-family:DM Serif Text,serif;font-size:20px;font-weight:500;line-height:2.25rem}@media (prefers-color-scheme: dark){.page-content h1{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}.page-content h2{position:relative;margin-bottom:1rem;margin-top:3rem;font-family:DM Serif Text,serif;font-size:20px;font-weight:500;line-height:2.25rem}@media (prefers-color-scheme: dark){.page-content h2{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}.page-content h3{position:relative;margin-bottom:.5rem;margin-top:1rem;font-family:DM Serif Text,serif;font-size:18px;font-weight:500;line-height:2rem}@media (prefers-color-scheme: dark){.page-content h3{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}.page-content h4{position:relative;margin-bottom:.25rem;margin-top:.5rem;font-family:DM Serif Text,serif;font-size:16px;font-weight:500;line-height:1.75rem}@media (prefers-color-scheme: dark){.page-content h4{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}.page-content h5{margin-bottom:1.5rem;font-family:DM Serif Text,serif;font-size:14px;font-weight:500;line-height:1.5rem}@media (prefers-color-scheme: dark){.page-content h5{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}.page-content h6{margin-bottom:1.5rem;font-family:DM Serif Text,serif;font-size:14px;font-weight:500;line-height:1.5rem}@media (prefers-color-scheme: dark){.page-content h6{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}.page-content code{margin-left:0;margin-right:0;word-break:break-all;background-color:transparent;font-size:.875rem;line-height:1.25rem;font-weight:800;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.page-content code{white-space:pre-wrap;overflow-wrap:normal;word-break:normal}}@media (prefers-color-scheme: dark){.page-content code{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}.page-content code:before{content:"`";display:inline}.page-content code:after{content:"`";display:inline}.page-content .astro-code{margin-left:-1.5rem;width:calc(100% + 3rem);padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 400px){.page-content .astro-code{margin-left:0;width:100%;padding-left:.75rem;padding-right:.75rem}}.page-content pre{font-size:.875rem;margin-left:0;margin-right:0;margin-bottom:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;line-height:1.5rem}@media (prefers-color-scheme: dark){.page-content pre{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}}.page-content pre code{margin-left:0;margin-right:0;overflow-wrap:normal;word-break:normal;border-radius:.25rem;background-color:transparent;padding:0;font-size:.875rem;font-weight:400;line-height:1.25rem}@media (min-width: 640px){.page-content pre code{white-space:pre}}.page-content pre code:before{content:"";display:none}.page-content pre code:after{content:"";display:none}.markdown-alert{margin-bottom:.5rem;color:#000000b3}@media (prefers-color-scheme: dark){.markdown-alert{color:#ffffffb3}}.markdown-alert.markdown-alert-note{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-note{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}}.markdown-alert.markdown-alert-tip{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-tip{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}}.markdown-alert.markdown-alert-warning{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-warning{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}}.markdown-alert.markdown-alert-caution{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-caution{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}}.markdown-alert.markdown-alert-important{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){.markdown-alert.markdown-alert-important{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}}.markdown-alert .markdown-alert-title{margin-bottom:0;display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:600;color:inherit}.markdown-alert .markdown-alert-title svg{fill:currentColor}@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}}