:root{--color-header-background:#1b1b1b;--color-header-text:#fff;--color-banner-background:#00e;--color-banner-text:#fff;--color-page-background:#fff;--color-example-background:#fff;--color-example-border:#fff;--color-code-background:#1b1b1b;--color-code-text:#f4f4f4;--color-text:#1b1b1b;--color-link:#1b1b1b;--color-navigation-background:#f4f4f4;--color-footer-background:#1b1b1b;--color-footer-text:#fff;--font-family-base:"Public Sans"}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;src:local(""),url(../fonts/public-sans-v4-latin-regular.woff2) format("woff2"),url(../fonts/public-sans-v4-latin-regular.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-weight:700;src:local(""),url(../fonts/public-sans-v4-latin-700.woff2) format("woff2"),url(../fonts/public-sans-v4-latin-700.woff) format("woff")}@font-face{font-family:Public Sans;font-style:italic;font-weight:400;src:local(""),url(../fonts/public-sans-v4-latin-italic.woff2) format("woff2"),url(../fonts/public-sans-v4-latin-italic.woff) format("woff")}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#d4d0ab}.token.punctuation{color:#fefefe}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ffa07a}.token.boolean,.token.number{color:#00e0e0}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#abe338}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value,.token.function{color:gold}.token.keyword{color:#00e0e0}.token.important,.token.regex{color:gold}.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-]{color:windowText;background:window}: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}}blockquote,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,p,pre{margin:0}.section>blockquote:not([class]),.section>dd:not([class]),.section>dl:not([class]),.section>figcaption:not([class]),.section>figure:not([class]),.section>h1:not([class]),.section>h2:not([class]),.section>h3:not([class]),.section>h4:not([class]),.section>h5:not([class]),.section>h6:not([class]),.section>ol:not([class]),.section>p:not([class]),.section>ul:not([class]){padding-left:20px;padding-right:20px;max-width:70rem}html{font-size:16px;background-color:#fff;background-color:var(--color-page-background);color:#1b1b1b;color:var(--color-text);scroll-behavior:smooth}@media (prefers-reduced-motion){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;line-height:1.5;overflow-x:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}@media (min-width:600px){body{font-family:Public Sans;font-family:var(--font-family-base)}}ul[class]{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2}h1:not([class]){font-size:3rem}h2:not([class]){font-size:2.25rem}h3:not([class]){font-size:1.875rem}h4:not([class]){font-size:1.5rem}h5:not([class]){font-size:1.25rem}h6:not([class]){font-size:1.125rem}p:not(:first-child){margin-top:.5em}a{color:#1b1b1b;color:var(--color-link)}.banner a,.footer a{color:inherit}pre[class*=language-]{border-radius:0;margin:0;padding:1rem 20px;background-color:#1b1b1b;background-color:var(--color-code-background);color:#f4f4f4;color:var(--color-code-text)}.header{background-color:#1b1b1b;background-color:var(--color-header-background);color:#fff;color:var(--color-header-text);display:flex;position:fixed;align-items:center;top:0;left:0;right:0;height:3rem;padding-left:2rem;padding-right:2rem}@media (min-width:900px){[data-page=home]:not([data-sections="1"]) .header{padding-left:calc(2rem + 3vw + 20px);padding-right:calc(2rem + 3vw + 20px)}}.header_title{font-size:1.5rem}.header_link{color:inherit;outline:none}.header_link:not(:focus){text-decoration:none}.main{padding-top:3rem}.main_nav{width:0;overflow:hidden;position:fixed;top:3rem;bottom:0;display:flex;flex-direction:column;background-color:#f4f4f4;background-color:var(--color-navigation-background);padding-bottom:2rem}@media (min-width:900px){.main_nav{width:20vw}}.main_download{margin-top:auto;display:flex;padding:.2rem 2rem;outline:none;font-weight:700}.main_download:not(:focus){text-decoration:none}.main_article{min-height:calc(100vh - 3rem);display:flex;flex-direction:column;width:100%;box-sizing:border-box}@media (min-width:900px){.main_article{padding-left:20vw}}.main_content{--gutter:calc(2rem - 20px);padding:calc(var(--gutter) - 3rem) var(--gutter) 3rem var(--gutter);margin-bottom:auto}@media (min-width:900px){.main_content{--gutter:calc(2rem + 3vw)}}.banner{--gutter:calc(2rem - 20px);background-color:#00e;background-color:var(--color-banner-background);color:#fff;color:var(--color-banner-text);min-height:20vw;box-sizing:border-box;padding:calc(2rem + 1.5vw) var(--gutter);display:grid;align-items:end;grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}@media (min-width:900px){.banner{--gutter:calc(2rem + 3vw)}}.landing .banner{padding-top:calc(5rem + 1.5vw);flex-grow:1;align-content:center}.banner_heading{font-size:3rem}.banner_heading,.banner_intro{padding-left:20px;padding-right:20px;max-width:70rem}.banner_intro{font-size:1.25rem;margin-top:.5em}.section{padding-top:3rem}.section_heading{font-size:1.875rem;padding-left:20px;padding-right:20px;max-width:70rem}.section+.section .section_heading{margin-top:2rem}.example{display:flex;flex-direction:column;grid-column-start:1;grid-column-end:5;background-color:#fff;background-color:var(--color-example-background);margin-top:1rem;border:1px solid #fff;border:1px solid var(--color-example-border)}.example_open{padding:.75rem 20px;border-bottom:1px solid #fff;border-bottom:1px solid var(--color-example-border);font-size:.875rem;color:#1b1b1b;color:var(--color-link);outline:none}.example_open:not(:focus){text-decoration:none}.example_title{padding:1rem 20px 0;font-size:1rem}.example_iframe{border:none;width:100%;max-width:100%}.example_code[open]{background-color:#1b1b1b;background-color:var(--color-code-background);color:#f4f4f4;color:var(--color-code-text)}.example_language{padding:.75rem 20px;border-top:1px solid #fff;border-top:1px solid var(--color-example-border);font-size:.875rem;cursor:pointer}.example_language:focus{outline:none;text-decoration:underline}.colour-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;grid-row-gap:2rem;row-gap:2rem;padding:0;margin:1rem 0 0;grid-column-start:1;grid-column-end:5}.colour-list_item{background-color:var(--colour);padding-top:calc(100% - 40px);border:20px solid #fff;border:20px solid var(--color-example-background);outline:1px solid #fff;outline:solid 1px var(--color-example-border)}.colour-list_text{background-color:#fff;padding-top:1rem}.colour-list_term{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.nav-list{margin:2rem 0 1rem;padding:0;overflow-y:auto}.nav-list_link,.nav-list_sub-link{outline:none;display:block;padding:.2rem 2rem}.nav-list_link:not(:focus),.nav-list_sub-link:not(:focus){text-decoration:none}.nav-list_link{font-weight:700;font-size:1.125rem}.nav-list_link[aria-current=page]{box-shadow:inset .3rem 0 0 0 #00e;box-shadow:inset .3rem 0 0 0 var(--color-banner-background)}.nav-list_item{margin-top:1rem}.nav-list_sub-list{padding:0;margin:0}.footer{--gutter:2rem;background-color:#1b1b1b;background-color:var(--color-footer-background);color:#fff;color:var(--color-footer-text);padding:1rem var(--gutter);font-size:.875rem;min-height:3rem;box-sizing:border-box;display:flex;align-items:baseline;justify-content:space-between}@media (min-width:900px){.footer{--gutter:calc(2rem + 3vw + 20px)}}.landing{display:flex;flex-direction:column;width:100%;min-height:100vh}.landing_sections{--gutter:calc(2rem - 20px);margin:2rem calc(var(--gutter) - 2rem);padding:0 20px}@media (min-width:900px){.landing_sections{--gutter:calc(2rem + 3vw);display:flex}}.landing_article{padding:1rem 2rem;flex:1}.landing_link{font-weight:700;display:inline-block;margin-top:.5em;font-size:1.125rem}