*{box-sizing:border-box;margin:0}body{background-color:#f9f9f9;color:#222;font-family:system-ui,sans-serif;line-height:1.5;min-height:100vh}.home{display:grid;row-gap:5vh}.home .sidebar{text-align:center}.home .sidebar ol{justify-content:center;text-align:left}@media (min-width:100ch){.home{grid-template-columns:auto minmax(0,1fr)}.home .sidebar{text-align:left}.home .sidebar ol{justify-content:start;position:sticky;top:1rem}.home main{margin-left:auto;margin-right:auto}}.home main,.sidebar{padding:2rem;width:min(100%,100vw,120ch)}.sidebar .sitenav{height:calc(100% - 200px);margin-top:2rem}.sidebar .sitenav h1{white-space:nowrap}.sidebar .sitenav h2{color:#737373;font-size:1.15rem;letter-spacing:.05em;text-transform:uppercase}.sidebar .sitenav ol{display:grid;gap:.5rem;margin:0 0 0 -.5em;max-height:calc(100vh - 2rem);overflow-y:auto;padding-bottom:.5em;padding-left:1.85em}.sidebar .sitenav ol ::marker{color:#737373}.sidebar .sitenav ol a{text-decoration:none}.sidebar .sitenav ol a:hover{text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-underline-offset:.15em}.sidebar header{border-bottom:1px dashed #999;display:grid;gap:1rem;padding-bottom:1rem}.sidebar header p{font-size:.9rem}.page header{display:grid;min-height:20vh;place-content:center}.page header,.page main{margin-left:auto;margin-right:auto;width:min(80ch,100vw - 3rem)}:is(h1,h2:not(.anchor *),h3){line-height:1.2;margin-bottom:.65em}:is(h2,h3):not(:first-child){margin-top:2em}.description{max-width:80ch}.description p{font-size:1.15rem;margin-top:1em}a{color:navy;text-underline-offset:.08em}a:focus{outline:1px solid currentColor;outline-offset:.2em}[id]{scroll-margin-top:2em}.anchor{display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto}.anchor:not(:first-of-type){margin-top:max(8vh,4rem)}.anchor a{align-self:start;font-size:1rem;grid-row-start:1;line-height:1;opacity:.75;text-decoration:none;transform:translateX(-50%) translateY(25%)}.contributor{color:#737373;font-size:.8rem}.hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}img{display:block;height:auto;max-width:100%}blockquote{background-color:rgba(0,0,0,.05);border-left:3px solid rgba(0,0,0,.35);border-radius:0 .25rem .25rem 0;margin:2rem 0;padding:.5em 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.demo{outline:1px dashed gray;padding:1rem;position:relative}.demo:before{background-color:navy;border-radius:.25em;color:#fff;content:"Preview";font-size:.75em;left:50%;letter-spacing:.05em;line-height:1;padding:.35em;position:absolute;text-transform:uppercase;top:-.75rem;transform:translateX(-50%)}.demo article *+*{margin-top:1em}.demo article>a{display:inline-block}.demo hr{border-color:navy;border-style:dashed;margin:8vh 5vw}.demo header{background-color:#ececff;display:grid;gap:1rem;min-height:20vh;padding:1rem;place-items:center;text-align:center}.demo>ul:not([role]){display:grid;gap:1em}.demo ul[role]{list-style:none;margin:0;padding:0}.demo-card-grid ul{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20ch),1fr))}.demo-card-grid li{border-radius:.5rem;box-shadow:0 0 .25rem rgba(0,0,0,.3)}.demo-card-grid li img{aspect-ratio:4/3;max-height:25vh;-o-object-fit:cover;object-fit:cover;width:100%}.demo-card-grid li>img:first-child{border-radius:.5rem .5rem 0 0}.demo-card-grid li>:not(img){margin-left:1rem;margin-right:1rem}.demo-card-grid li>:last-child:not(img){margin-bottom:1rem}.demo-navigation-links ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;text-align:center}.demo-collapsible-faqs details+details{margin-top:1rem}.demo-collapsible-faqs details summary{cursor:pointer;font-weight:700}.demo-collapsible-faqs details summary:focus{outline:1px solid currentColor}.demo-contact-form form label{display:block}.demo-contact-form form input,.demo-contact-form form textarea{display:block;margin-bottom:1rem}.demo-social-icon-links ul{display:grid;gap:.5rem}.demo-social-icon-links a{align-items:center;display:inline-flex;text-decoration:none}.demo-social-icon-links a:hover{text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.demo-social-icon-links a svg{margin-right:.5em}.demo-article article{margin:2rem auto;width:min(80ch,100%)}.demo-address address a{display:block}.demo-sidebar{--gap:1rem}.demo-sidebar .container{grid-gap:var(--gap);display:grid;grid-template-columns:minmax(min(50vw,25ch),1fr) fit-content(20ch);margin:2rem auto;width:min(100%,60ch)}.demo-sidebar aside{border-left:1px solid #789;padding-left:var(--gap)}code:not([class]){color:#cd279a;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1.75ex}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#595959;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{border-radius:.3em;margin:2rem 0;overflow:auto;padding:1em;-webkit-user-select:all;-moz-user-select:all;user-select:all}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f2f2f2}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#76747f}.token.punctuation{color:#595959}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#4d48e8}.token.boolean,.token.number{color:#348614}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#171392}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#d2176b}.token.function{color:#6f34a3}.token.atrule,.token.attr-value{color:#5953d3}.token.keyword{color:#171392}.token.important,.token.regex{color:#348614}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast:active){code[class*=language-],pre[class*=language-]{background:window;color:windowText}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:400}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:700}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:400}}