@charset "UTF-8";*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}html{font-family:Source Sans Pro,sans-serif;font-display:auto}body{line-height:1.4}p,ul{margin:1rem 0}h1{font-size:3rem;font-weight:700;color:#009}h2{font-size:2.625rem;font-weight:700;color:#009}a{color:#211551;transition:.2s ease-out color}a:hover{color:#000}.container{padding:1rem}@media(min-width:64em){.container{max-width:90rem;margin-left:auto;margin-right:auto}}.layout--default{background:#eff0fc;font-size:18px}@media(min-width:35.5em){.layout--default{font-size:20px}}.layout--docs{font-family:Source Sans Pro;font-size:15px}.layout--docs .container--docs{padding-top:0;display:block;position:relative;width:100vw;max-width:100vw;height:100%;z-index:0}@media screen and (max-width:768px){.layout--docs .container--docs{padding:0}}.cookie-policy header,.privacy-policy header{padding:0}.cookie-policy header .container--header,.privacy-policy header .container--header{height:auto;padding:0}.cookie-policy header h1,.privacy-policy header h1{z-index:10}.cookie-policy header h1>a,.privacy-policy header h1>a{cursor:pointer;text-decoration:none;color:inherit}.cookie-policy header h1>a>svg,.privacy-policy header h1>a>svg{position:relative;top:.1rem;fill-rule:evenodd;clip-rule:evenodd;fill:#009;stroke:#fff;stroke-width:0}@media(min-width:48em){.cookie-policy header h1>a>svg,.privacy-policy header h1>a>svg{top:.3rem}}.cookie-policy article,.privacy-policy article{display:block;padding-bottom:2rem;padding-top:7rem;max-width:41rem;margin:auto}.cookie-policy article strong,.privacy-policy article strong{font-weight:600}@media(min-width:48em){.cookie-policy article,.privacy-policy article{padding-top:10rem;padding-bottom:5rem}}.cookie-policy article>section:first-of-type,.privacy-policy article>section:first-of-type{margin-bottom:3rem}.cookie-policy article h2,.privacy-policy article h2{font-size:2rem;text-align:left}.cookie-policy article h3,.privacy-policy article h3{font-size:2rem;color:#009;font-weight:600;margin-bottom:1rem}.cookie-policy article h3+p,.privacy-policy article h3+p{margin-top:0}.cookie-policy article h4,.privacy-policy article h4{font-size:1.5rem;color:#009;font-weight:600;margin-bottom:1rem}.cookie-policy article .ct-cookie-list>p,.privacy-policy article .ct-cookie-list>p{margin-bottom:1.5rem}.cookie-policy article ol,.privacy-policy article ol{margin-bottom:1rem!important;list-style:decimal;width:90%;margin:auto}.cookie-policy article ol li,.privacy-policy article ol li{line-height:1.75}.cookie-policy article ol li:not(:last-of-type),.privacy-policy article ol li:not(:last-of-type){margin-bottom:1rem}aside{background:#7676ec}.cookie-though{background:#fff}.container--aside p{color:#211551}.container--aside .nav{justify-content:flex-start}.container--aside .nav li:first-of-type{margin-right:1rem}@media(min-width:48em){.container--aside{display:flex;justify-content:space-evenly;align-items:center;padding-top:4rem;padding-bottom:5rem}.container--aside>*{width:50%}.container--aside .nav{justify-content:center!important;padding-bottom:0!important;padding-left:0!important;padding-right:0!important}.container--aside .nav .button{padding:.65rem}.container--aside .ct-read{width:47%;margin-left:auto}}@media(min-width:64em){.container--aside .nav{justify-content:flex-start!important}.container--aside .nav .button{padding:1rem 2rem}.container--aside .ct-read{width:42.5%;margin-left:auto}}aside .title{text-align:center;color:#fff}@media(min-width:48em){aside .title{text-align:left}}.container--aside .nav a{font-size:16px}.button,.button:hover{display:inline-block;padding:.5rem .75rem;text-decoration:none;background:#fff;color:#009;border-radius:5px}@media(min-width:48em){.button,.button:hover{padding:1rem 3rem}}.button--primary,.button--primary:hover{background:#009;color:#fff!important}@media(min-width:35.5em){.button[rel=external]:before{content:url(../icons/external-secondary.svg);width:1rem;height:1rem;position:relative;top:.2rem;margin-right:.5rem}.button--primary[rel=external]:before{content:url(../icons/external-primary.svg)}}#docs,#docs body{height:100%}#docs body{overflow-x:hidden}.layout--docs main{background:#fff;padding-top:60px;position:absolute;inset:0 0 0 300px;transition:left .25s ease}@media screen and (max-width:768px){.layout--docs main{width:100vw}.layout--docs main:not(.closed){position:static;transform:translate(300px);transition:transform .25s ease}}.layout--docs main.closed{left:0}.layout--docs .markdown-section{margin:0 auto;max-width:80%;padding:30px 15px 40px;position:relative}footer{background:#009;color:#fff}@media(min-width:64em){footer{position:relative;height:80px}}.container--footer{text-align:center}.container--footer h3{margin-bottom:1rem}.container--footer ul,.container--footer p{margin:0}.container--footer ul li{margin-bottom:.5rem}@media(min-width:64em){.container--footer ul{display:flex}.container--footer ul li{margin-bottom:0}.container--footer ul li:not(:last-of-type){margin-right:1rem}}@media(min-width:90em){.container--footer ul{width:50%}.container--footer ul li:not(:last-of-type){margin-right:6rem}}.container--footer ul li a{text-decoration:none;font-weight:300}.container--footer p{margin-left:auto}@media(min-width:64em){.container--footer{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;padding:0 5rem;align-items:baseline;margin:auto;text-align:left}.container--footer h3{margin-bottom:0;margin-right:1rem}}@media(min-width:90em){.container--footer h3{margin-right:6rem}}footer a{color:#fff}footer a:hover{color:#fffc}.footer-title>svg{position:relative;top:.3rem;fill-rule:evenodd;clip-rule:evenodd;fill:#fff;stroke:#009;stroke-width:0}.inthepocket span{visibility:hidden;position:absolute;top:0;width:0;height:0;margin:0;padding:0;clip:rect(0,0,0,0);opacity:0;appearance:none}.inthepocket:before{content:url(../images/itp.svg);position:relative;top:.5rem;margin-left:.3rem}.inthepocket:hover{opacity:.8}header{background:#eff0fc}@media(min-width:48em){header{padding-top:4rem;padding-bottom:4rem}}.container--header{display:flex;flex-direction:column-reverse}@media(min-width:35.5em){.container--header .header-intro>p,.container--header .header-intro>.example{max-width:568px;margin-left:auto;margin-right:auto}}.container--header .header-intro button{font-size:16px;padding:.5rem .75rem;text-decoration:none;background:#009;color:#fff;border-radius:5px;border:0;cursor:pointer}@media(min-width:48em){.container--header .header-intro button{padding:1rem 3rem}}@media(min-width:48em){.container--header{height:60vh;flex-direction:row;justify-content:space-evenly;align-items:center;padding:5rem 1rem}.container--header strong{font-weight:600}.container--header>*{width:50%}header p{font-size:1.5rem;font-weight:400}header p:last-of-type{font-weight:300}}.site-title{position:absolute;text-align:center;top:1rem;left:50%;transform:translate(-50%);margin-bottom:1rem}.site-title>svg{position:relative;top:.1rem;fill-rule:evenodd;clip-rule:evenodd;fill:#009;stroke:#fff;stroke-width:0}@media(min-width:48em){.site-title{font-size:2rem;top:2rem}.site-title>svg{top:.3rem}}.header-teaser{margin-top:5rem;padding-top:2rem;padding-bottom:1rem;display:flex;align-self:stretch;background:url(../images/shapes.svg) no-repeat center;background-size:cover}@media(min-width:48em){.header-teaser{margin-top:0;background-size:contain}}.header-teaser-wrapper img{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:22px}@media(min-width:23.4375em){.header-teaser-wrapper img{max-width:90%}}@media(min-width:35.5em){.header-teaser-wrapper img{max-width:65%}}@media(min-width:48em){.header-teaser-wrapper img{max-width:80%}}@media(min-width:64em){.header-teaser-wrapper img{max-width:65%}}.tagline{font-size:1.75rem;color:#336;margin-top:0;text-align:center}@media(min-width:35.5em){.tagline{font-size:2.25rem}}@media(min-width:48em){.tagline{text-align:left;font-size:3.5rem;line-height:1.2}}@media(min-width:64em){.tagline{font-size:4.75rem}}@media(min-width:90em){.tagline{font-size:5.25rem}}.tagline strong{color:#66f}@media(min-width:48em){.tagline strong{display:block}}/*! tomorrow night blue; https://github.com/MozMorris/tomorrow-pygments */.astro-code code{display:block;font-family:Fira Code;font-size:.875rem;padding:1rem;overflow:auto;line-height:2}p code{font-family:Fira Code;font-size:.875rem;background-color:#bbdaff;color:#003f8e;padding:3px 5px}.astro-code,.astro-code pre,.astro-code table{background:#002451!important;color:#fff!important}.astro-code .hll{background-color:#003f8e!important}.astro-code .c{color:#7285b7!important}.astro-code .err{color:#ff9da4!important}.astro-code .k{color:#ebbbff!important}.astro-code .l{color:#ffc58f!important}.astro-code .n,.astro-code .h{color:#fff!important}.astro-code .o{color:#9ff!important}.astro-code .p{color:#fff!important}.astro-code .cm,.astro-code .cp,.astro-code .c1,.astro-code .cs{color:#7285b7!important}.astro-code .gd{color:#ff9da4!important}.astro-code .ge{font-style:italic!important}.astro-code .gh{color:#fff!important;font-weight:700!important}.astro-code .gi{color:#d1f1a9!important}.astro-code .gp{color:#7285b7!important;font-weight:700!important}.astro-code .gs{font-weight:700!important}.astro-code .gu{color:#9ff!important;font-weight:700!important}.astro-code .kc,.astro-code .kd{color:#ebbbff!important}.astro-code .kn{color:#9ff!important}.astro-code .kp,.astro-code .kr{color:#ebbbff!important}.astro-code .kt{color:#ffeead!important}.astro-code .ld{color:#d1f1a9!important}.astro-code .m{color:#ffc58f!important}.astro-code .s{color:#d1f1a9!important}.astro-code .na{color:#bbdaff!important}.astro-code .nb{color:#fff!important}.astro-code .nc{color:#ffeead!important}.astro-code .no{color:#ff9da4!important}.astro-code .nd{color:#9ff!important}.astro-code .ni{color:#fff!important}.astro-code .ne{color:#ff9da4!important}.astro-code .nf{color:#bbdaff!important}.astro-code .nl{color:#fff!important}.astro-code .nn{color:#ffeead!important}.astro-code .nx{color:#bbdaff!important}.astro-code .py{color:#fff!important}.astro-code .nt{color:#9ff!important}.astro-code .nv{color:#ff9da4!important}.astro-code .ow{color:#9ff!important}.astro-code .w{color:#fff!important}.astro-code .mf,.astro-code .mh,.astro-code .mi,.astro-code .mo{color:#ffc58f!important}.astro-code .sb{color:#d1f1a9!important}.astro-code .sc{color:#fff!important}.astro-code .sd{color:#7285b7!important}.astro-code .s2{color:#d1f1a9!important}.astro-code .se{color:#ffc58f!important}.astro-code .sh{color:#d1f1a9!important}.astro-code .si{color:#ffc58f!important}.astro-code .sx,.astro-code .sr,.astro-code .s1,.astro-code .ss{color:#d1f1a9!important}.astro-code .bp{color:#fff!important}.astro-code .vc,.astro-code .vg,.astro-code .vi{color:#ff9da4!important}.astro-code .il{color:#ffc58f!important}.layout--default main{background:#eff0fc;background:linear-gradient(30deg,#eff0fc 0% 30%,#fff 30% 100%)}@media(min-width:48em){.container--main{padding:5rem 0;display:flex;flex-direction:row-reverse;justify-content:space-evenly;align-items:center}}@media(min-width:35.5em){.container--main .ct-usp{max-width:568px;margin:auto}}.container--main .ct-example .wrapper{margin:auto}@media(min-width:23.4375em){.container--main .ct-example .wrapper{max-width:90%}}@media(min-width:35.5em){.container--main .ct-example .wrapper{max-width:65%}}@media(min-width:48em){.container--main .ct-example .wrapper{max-width:80%}}@media(min-width:64em){.container--main .ct-example .wrapper{max-width:65%}}.container--main h2{text-align:center}@media(min-width:48em){.container--main h2{text-align:left;margin-bottom:2rem}}@media(min-width:48em){.container--main .ct-usp{max-width:50%}}@media(min-width:48em){main ul{padding-left:1rem}}main ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}@media(min-width:48em){main ul li{margin-bottom:1.5rem}}main ul li:before{content:"•";font-size:2rem;color:#7676ec;position:absolute;left:0;margin-top:-.65rem}.layout--default nav{background:#eff0fc}@media(min-width:48em){.layout--default nav{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:100%;background:transparent}}@media(min-width:48em){.container .nav{display:flex;justify-content:space-between;align-items:center;padding-top:.9rem;padding-bottom:1.5rem}}@media(min-width:64em){.container .nav{padding-left:5rem;padding-right:5rem}}.layout--default nav{display:none}@media(min-width:48em){.layout--default nav{display:block}}.nav{display:flex;justify-content:space-around;flex-wrap:wrap;margin:0}.nav li{font-size:1.5rem}.nav li a{text-decoration:none}.nav li a:hover{color:#211551;text-decoration:underline}.docs-nav{padding:3rem 0;line-height:2}.docs-nav ul ul{margin:0;margin-left:1rem}.markdown-section>:first-child{margin-top:0!important}.markdown-section h1{font-size:2rem;margin:0 0 1rem}.markdown-section h2{font-size:1.75rem;margin:45px 0 .8rem}.markdown-section h3{color:#009;font-size:1.5rem;margin:40px 0 .6rem}.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section strong{font-weight:600}.markdown-section ol,.markdown-section p,.markdown-section ul{line-height:1.6rem;word-spacing:.05rem}.markdown-section p{margin:1.2em 0}.markdown-section ol,.markdown-section ul{list-style:disc;padding-left:1.5rem}.markdown-section li{padding-left:0;margin-bottom:0}.markdown-section li::marker{color:#7676ec}.markdown-section li:before{content:""}.markdown-section a{font-weight:600}.sidebar{border-right:1px solid rgba(0,0,0,.07);overflow-y:auto;padding:40px 0;position:fixed;top:0;bottom:0;left:0;width:300px;z-index:20;background-color:#eff0fc;transition:transform .25s ease-out}.sidebar.closed{position:absolute;transform:translate(-300px)}.sidebar .app-name{margin:0 auto 1rem;font-size:1.5rem;font-weight:300;text-align:center}.sidebar .app-name a{text-decoration:none}.sidebar .app-name a:hover{color:inherit;text-decoration:none}.sidebar .docs-nav{line-height:2em;padding-top:0;padding-bottom:40px}.sidebar ul{margin:0 0 0 15px;padding:0}.sidebar li{list-style:none;margin:6px 0}.sidebar li>a.active{font-weight:600;color:#009;border-right:2px solid #009}.sidebar li>a{font-size:14px;text-decoration:none;display:block}.sidebar li a:hover{color:#009;text-decoration:underline}.sidebar-toggle{position:fixed;background-color:transparent;border:0;outline:none;padding:10px;bottom:0;left:0;text-align:center;transition:opacity .3s;width:284px;z-index:30;cursor:pointer}@media screen and (max-width:768px){.sidebar-toggle{width:auto;padding:30px 30px 10px 10px}}.sidebar-toggle:hover span{opacity:.4}.sidebar-toggle span{background-color:#009;display:block;margin-bottom:4px;width:16px;height:2px}.github-corner{border-bottom:0;position:fixed;right:0;text-decoration:none;top:0;z-index:1}.github-corner svg{color:#fff;fill:#009;height:80px;width:80px}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%{transform:rotate(0)}20%{transform:rotate(-25deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-25deg)}80%{transform:rotate(10deg)}to{transform:rotate(0)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}
