/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,800);@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);@import "//fonts.googleapis.com/css?family=Roboto:400,400italic,300italic,300,500,500italic,700,700italic";html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}body .intro{font-size:1.25em;line-height:1.7}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:.5rem 0 1.5rem;font-family:"Roboto",Helvetica,Arial,sans-serif;word-wrap:break-word}h1,.h1{font-size:2em;line-height:1.25}@media (min-width: 43.75em){h1,.h1{font-size:2.5em;line-height:1.125}}@media (min-width: 56.25em){h1,.h1{font-size:3em;line-height:1.05}}h2,.h2{font-size:1.625em;line-height:1.15384615}@media (min-width: 43.75em){h2,.h2{font-size:2em;line-height:1.25}}@media (min-width: 56.25em){h2,.h2{font-size:2.25em;line-height:1.25}}h3,.h3{font-size:1.375em;line-height:1.13636364}@media (min-width: 43.75em){h3,.h3,.home article h2{font-size:1.5em;line-height:1.25}}@media (min-width: 56.25em){h3,.h3,.home article h2{font-size:1.75em;line-height:1.25}}h4,.h4{font-size:1.125em;line-height:1.11111111}@media (min-width: 43.75em){h4,.h4{line-height:1.22222222}}blockquote{font-size:1.25em;line-height:1.25;padding:0;text-align:center}@media (min-width: 43.75em){blockquote{font-size:1.5em;line-height:1.45833333}}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.post .demoBox{background:white;border:solid 1px #ccc;padding:1.5rem;margin:1.5rem 0}.post .demoBox p{width:auto !important}.post .demoBox__item{background-color:#343642}.post .demoBox__item--alt{background-color:#000}.post .demoBox__item--alt02{background-color:#00deb7}.post .demoBox__item--alt03{background-color:#ff495d}.post .demoBox__item--alt04{background-color:#fbd036}.post .demoBox__item--alt05{background-color:#6244b0}.post .demoBox__item--alt06{background-color:#3dc0d1}.post .demoBox--alt{background-color:#000}.post .demoBox--alt02{background-color:#00deb7}.post .demoBox--alt03{background-color:#ff495d}.post .demoBox--alt04{background-color:#fbd036}.post .demoBox--alt05{background-color:#6244b0}.post .demoBox--alt06{background-color:#3dc0d1}.browserSupport__list img{height:100%;margin-bottom:0 !important;max-width:5em;width:15%}.browserSupport__list img:first-child{margin-left:-0.75em}iframe[src*="youtube.com"],.post-image{aspect-ratio:560 / 315.75;border:solid 1px #ccc;display:block;height:auto;margin:1.5rem 0;width:100%}.post-image{transition:opacity ease-in 0.2s}.post-image:hover{opacity:0.7}.post-image img{display:block}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.coffee{background:rgba(98,68,176,0.5);border:solid 1px white;color:white;padding:1.75em 1em;margin-bottom:1.5em}@media (prefers-color-scheme: dark){.post .demoBox,.post iframe[src*="youtube.com"]{border-color:#fff}.post .demoBox{background:black}.browserSupport__list img{filter:invert(0.5)}}.shirt-ad a{display:block}.shirt-ad a img{display:block;transition:outline-color 0.15s ease-in, scale 0.15s ease-in;outline:solid 4px transparent}.shirt-ad a:hover img{scale:1.05;outline-color:#00deb7}.banner-ads{margin:0;padding:0;list-style:none}.banner-ads li{display:none}.banner-ads li.visible{display:flex;position:relative}.banner-ads li::before{content:'';position:absolute;inset:0;border:solid 1px;pointer-events:none;opacity:0.25}.banner-ads li h4{margin:0 0 0.375em;padding:0}.banner-ads li a::before{position:absolute;inset:0;content:''}.banner-ads li p{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;margin-bottom:0.5em}.banner-ads li span{font-size:80%}.banner-ads li div:first-child{font-size:80%;padding:1.5em}.banner-ads li div:last-child{max-width:25%;min-width:25%;background-size:cover;background-position:center}.button,.button-secondary,.button-tertiary,.button__outline{background-color:#00deb7;display:inline-block;position:relative;font-family:"Roboto",Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;font-size:1em;line-height:1.2em;font-weight:normal;padding:.5em 1.5em;border:0;border-radius:4px;cursor:pointer;margin-bottom:.5em;transition:background-color 0.14s ease-in-out}.button:hover,.button-secondary:hover,.button-tertiary:hover,.button__outline:hover,.button:focus,.button-secondary:focus,.button-tertiary:focus,.button__outline:focus{color:#fff;text-decoration:none;background-color:#00ab8d}.button:active,.button-secondary:active,.button-tertiary:active,.button__outline:active{top:1px}.button-secondary{background-color:#ff495d}.button-secondary:hover{background-color:#ff1630}.button-tertiary{background-color:#6244b0}.button-tertiary:hover{background-color:#4e368b}.button__outline{background-color:transparent;border:3px solid #00deb7;color:#00deb7}.button__outline:hover{background-color:#00deb7;color:#fff}label{display:block;margin-bottom:5px}input[type="text"],input[type="email"],input[type="phone"],input[type="password"],input[type="number"],input[type="search"],textarea{background:#e6e6e6;padding:5px;outline:none;border:none;height:44px;width:300px;margin-bottom:0.5rem}input[type="text"]:focus,input[type="email"]:focus,input[type="phone"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="search"]:focus,textarea:focus{border:1px solid #00deb7}input[type="text"].full-width,input[type="email"].full-width,input[type="phone"].full-width,input[type="password"].full-width,input[type="number"].full-width,input[type="search"].full-width,textarea.full-width{width:100%}textarea{height:132px}form{margin-bottom:40px}form .field{margin-bottom:40px}form .note{margin-top:5px;color:#aaa}form .req{font-style:italic}form .error .reason{margin-top:5px;color:#FF4136}form .error input[type="text"],form .error input[type="email"],form .error input[type="phone"],form .error input[type="password"],form .error input[type="number"],form .error input[type="search"],form .error textarea{border-color:#FF4136}table{width:100%;margin-bottom:1.5em;border-collapse:collapse}table caption{margin:0 0 7px;font-size:0.75em;color:#aaa;text-transform:uppercase;letter-spacing:1px}tr:nth-child(even){background-color:#f7f7f7}@media (prefers-color-scheme: dark){tr:nth-child(even){background-color:#1a1a1a}}td,th{text-align:left;padding:.5em}th{background-color:#00deb7;color:white}th:last-child{border-right:0}.highlight{white-space:pre;overflow:auto;word-wrap:normal;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:20px;background:#343642;color:#C1C2C3}pre.highlight,.post pre.highlight{margin:0;padding:0}pre{tab-size:2}/*! Dark; http://bytefluent.com/devify/ */.highlight,.highlight pre,.highlight table{background:#333333 !important;color:#f8f8ff !important}.highlight .hll{background-color:#ffffcc !important}.highlight .c{color:#87ceeb !important}.highlight .err{color:#f8f8ff !important}.highlight .g{color:#f8f8ff !important}.highlight .k{color:#d2b48c !important}.highlight .l{color:#f8f8ff !important}.highlight .n,.highlight .h{color:#f8f8ff !important}.highlight .o{color:#f8f8ff !important}.highlight .x{color:#f8f8ff !important}.highlight .p{color:#f8f8ff !important}.highlight .cm{color:#87ceeb !important}.highlight .cp{color:#ee7ae9 !important}.highlight .c1{color:#87ceeb !important}.highlight .cs{color:#87ceeb !important}.highlight .gd{color:#f8f8ff !important}.highlight .ge{color:#f8f8ff !important}.highlight .gr{color:#f8f8ff !important;background-color:#cd0000 !important}.highlight .gh{color:#f8f8ff !important}.highlight .gi{color:#f8f8ff !important}.highlight .go{color:#cdcd00 !important;background-color:#262626 !important}.highlight .gp{color:#f8f8ff !important}.highlight .gs{color:#f8f8ff !important}.highlight .gu{color:#f8f8ff !important}.highlight .gt{color:#f8f8ff !important}.highlight .kc{color:#d2b48c !important}.highlight .kd{color:#d2b48c !important}.highlight .kn{color:#d2b48c !important}.highlight .kp{color:#d2b48c !important}.highlight .kr{color:#d2b48c !important}.highlight .kt{color:#ffa500 !important}.highlight .ld{color:#f8f8ff !important}.highlight .m{color:#FF7070 !important}.highlight .s{color:#ffa0a0 !important}.highlight .na{color:#60DD60 !important}.highlight .nb{color:#f8f8ff !important}.highlight .nc{color:#f8f8ff !important}.highlight .no{color:#FF7070 !important}.highlight .nd{color:#f8f8ff !important}.highlight .ni{color:#DDDD00 !important}.highlight .ne{color:#ffa500 !important}.highlight .nf{color:#60DD60 !important}.highlight .nl{color:#ffa500 !important}.highlight .nn{color:#f8f8ff !important}.highlight .nx{color:#f8f8ff !important}.highlight .py{color:orange !important}.highlight .nt{color:#d2b48c !important}.highlight .nv{color:#60DD60 !important}.highlight .ow{color:#ffa500 !important}.highlight .w{color:#f8f8ff !important}.highlight .mf{color:#FF7070 !important}.highlight .mh{color:#FF7070 !important}.highlight .mi{color:#FF7070 !important}.highlight .mo{color:#FF7070 !important}.highlight .sb{color:#ffa0a0 !important}.highlight .sc{color:#ffa0a0 !important}.highlight .sd{color:#ffa0a0 !important}.highlight .s2{color:#ffa0a0 !important}.highlight .se{color:#ffa0a0 !important}.highlight .sh{color:#ffa0a0 !important}.highlight .si{color:#ffa0a0 !important}.highlight .sx{color:#ffa0a0 !important}.highlight .sr{color:#ffa0a0 !important}.highlight .s1{color:#ffa0a0 !important}.highlight .ss{color:#ffa0a0 !important}.highlight .bp{color:#f8f8ff !important}.highlight .vc{color:#60DD60 !important}.highlight .vg{color:#60DD60 !important}.highlight .vi{color:#60DD60 !important}.deprecated-code:not([class*='ln'])+.highlighter-rouge .highlight code{text-decoration:line-through;opacity:0.7}.deprecated-code.ln-2+.highlighter-rouge .highlight code span:nth-child(2){text-decoration:line-through;opacity:0.7}.deprecated-code.ln-3+.highlighter-rouge .highlight code span:nth-child(3){text-decoration:line-through;opacity:0.7}.deprecated-code.ln-4+.highlighter-rouge .highlight code span:nth-child(4){text-decoration:line-through;opacity:0.7}.deprecated-code.ln-5+.highlighter-rouge .highlight code span:nth-child(5){text-decoration:line-through;opacity:0.7}html{box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}body{font-family:"PT Serif",Georgia,Times,serif;line-height:1.75;font-size:112.5%;color:#111;overflow-x:hidden;margin:0}body p,body ul,body .cp_embed_wrapper{margin:0 0 2rem}body .content>svg{fill:black;position:fixed;width:110vw;opacity:0.05;right:-40%;top:-5%;pointer-events:none}@media (max-height: 836px){body .content>svg{display:none}}::-moz-selection{background:#00deb7;color:white}::selection{background:#00deb7;color:white}img,video,audio,iframe,object{max-width:100%}.container{max-width:610px;padding:0 20px;margin-left:auto;margin-right:auto}a{color:#00deb7}a:hover{color:#009278}.nav-collapse{z-index:1}.nav-collapse ul{background:#251942;margin:0;padding:0.75em 0;width:100%;display:block;list-style:none;border-bottom:solid 2px #ff495d}.nav-collapse ul li{width:100%;display:block;border-bottom:2px solid #392866}.nav-collapse ul li a,.nav-collapse ul li button{color:white;text-decoration:none;display:block;padding:5px 2rem}.nav-collapse ul li button{background-color:transparent;border:0;cursor:pointer;display:inline;font-family:"PT Serif", Georgia, Times, serif;font-size:inherit;line-height:inherit;outline:none;width:100%;text-align:start}.nav-collapse ul li:last-child{border:none}.nav-collapse ul li.elementlast a,.nav-collapse ul li.elementcurrentlast a{text-align:center;translate:-0.125em 0}.nav-collapse ul li.elementlast a img,.nav-collapse ul li.elementcurrentlast a img{margin-block-end:-1em;width:7em}.nav-collapse ul li.elementlast a:hover img,.nav-collapse ul li.elementcurrentlast a:hover img{opacity:0.7}.nav-collapse ul li.elementlast span,.nav-collapse ul li.elementcurrentlast span{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.nav-collapse ul li ul{border-bottom:none;padding-block-start:0;padding-inline-start:1em;transform-origin:top}.nav-collapse ul li ul:not(.open){opacity:0;padding-block-end:0;translate:0 -100%;max-height:0;pointer-events:none}.nav-collapse ul li ul.open{max-height:9999px;padding-block-end:1em;translate:0 0;pointer-events:auto}.nav-collapse ul li ul li{border-bottom:none}.nav-collapse ul li ul li a{font-size:80%}html.js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1;clear:both;width:100%}html.js .nav-collapse.closed{max-height:0 !important}html.js .nav-collapse.opened{max-height:9999px !important}.nav-toggle{font-family:"Roboto", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;float:right;line-height:2em;margin-top:0.5em;background-color:#6244b0;border-radius:4px;padding:0 0.5em;color:white;text-decoration:none;position:relative;right:20px;transition:all 0.1s ease-in-out}.nav-toggle:hover{color:white;background-color:#4e368b}.noList{list-style:none;padding-left:0;margin-left:0}dt{font-weight:bold}dd{margin:0 0 1.5rem}.post ul li p,.post ol li p{margin:0 !important;width:auto !important}.post ul ul,.post ul ol,.post ol ul,.post ol ol{margin:0}.pageTitle{margin:2rem auto 1em;text-align:center}.content{padding-top:1em}.content .container{translate:0}.logo-image{display:none}.header{background-color:#2f2054;background-size:cover;background-position:center center;color:white;padding:0;height:3em}.header .video{position:absolute;height:400px;inset:0;opacity:0.25;width:100%;overflow:hidden}.header .video video{width:100%;object-fit:cover;translate:0 -30%}.header .container{padding:0;max-width:100%;overflow:visible !important}.header .logo{margin:0;float:left;padding-left:20px;font-size:1em;line-height:3em;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:normal;text-transform:uppercase;letter-spacing:0.375em}.header .logo a{color:white;text-decoration:none;position:relative}.header .logo a:after{content:'';position:absolute;right:0.35em;bottom:-0.25em;height:2px;background-color:#3dc0d1;width:1.55em}.header svg{display:none}.post .postTitle{text-align:center;margin-top:2rem;margin-bottom:1rem}.post blockquote{clear:both;margin:2.5em 0;padding:0;line-height:1.8;position:relative}.post blockquote:before{content:"";position:absolute;top:-1.25em;background:#6244b0;display:block;height:2px;width:150px;left:calc(50% - 75px)}.post blockquote:after{content:"";position:absolute;bottom:-1.25em;background:#6244b0;display:block;height:2px;width:150px;left:calc(50% - 75px)}.post .meta{text-align:center;color:gray;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:300}.post figure{margin:3rem 0}.post figure figcaption{text-align:center;font-size:0.9em;font-style:italic;color:#5e5e5e}.post figure img{margin:0 auto;display:block}.post img{margin-bottom:2rem}.post .highlight{clear:both;margin-bottom:2rem}.post .dropcap{color:#ff495d;margin-right:0.45rem}.post .featuredImage{position:relative;margin-top:2rem}.post .featuredImage img{margin-bottom:0}.post .tags{display:flex;flex-wrap:wrap;gap:0.5em;justify-content:center;margin:1em 0}.post .tags a{background-color:#6244b0;border-radius:6.25em;color:white;font-family:"Roboto", Helvetica, Arial, sans-serif;font-size:0.8em;padding:0.5em 1em;text-decoration:none;transition:all 0.2s ease-in-out}.post .tags a:hover{fill:#4e368b}.postNav{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding-block:0.5em;overflow:hidden}.postNav .prev,.postNav .next{display:block;width:100%;height:5rem;overflow:hidden;position:relative;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:800;font-size:0.9em;text-transform:uppercase;text-align:center}.postNav .prev img,.postNav .next img{z-index:1;display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:auto}.postNav .prev span,.postNav .next span{z-index:10;position:relative;padding:0.5rem;position:absolute;top:50%;transform:translateY(-50%);width:100%;line-height:1.4}.postNav .prev.image,.postNav .next.image{text-decoration:none;color:white;text-shadow:1px 1px 3px rgba(0,0,0,0.8);padding:0 0.5rem;position:relative;transition:all 0.2s ease-in-out}.postNav .prev:hover.image,.postNav .next:hover.image{opacity:0.8}.postNav .prev span{left:0}.postNav .next span{right:0}.footer{text-align:center;padding:2rem 0;clear:both}.footer .container{font-family:"Roboto", Helvetica, Arial, sans-serif;border-top:1px solid #d9d9d9;padding-top:0.5em;max-width:90%}.footer .copy,.footer .footer-links{font-size:0.8em}.footer .copy{margin-bottom:1rem}.footer-links ul{text-align:center}.footer-links ul li{display:inline-block;margin-right:8px}.footer-links ul li:last-child{margin-right:0}.footer-links ul li a{display:inline-block;width:30px;height:30px;transition:all 0.2s ease-in-out}.footer-links ul li a svg{display:block;width:100%;height:100%}.footer-links ul li a svg .outer-shape{fill:#6244b0}.footer-links ul li a svg .inner-shape{fill:white}.footer-links ul li:hover a svg .outer-shape{fill:#4e368b}.pagination .next{float:left}.pagination .previous{float:right}.posts article{margin-bottom:4rem;position:relative}.posts article:before{content:"";position:absolute;bottom:-2rem;left:0;background:#ff495d;height:2px;width:60px}.posts article a{text-decoration:none}.posts article a:hover{text-decoration:underline}.posts article .date{color:gray;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:300;font-size:0.8em}.posts article h3{margin:0 0 0.5em}.home article h2{margin:0 0 0.5em}@media (prefers-color-scheme: dark){body{background-color:#111;color:white}body .content>svg{fill:white;opacity:0.1}.posts article .date{color:white}.postNav{border-top:1px solid white;border-bottom:1px solid white}.footer .container{border-top-color:white}}@media only screen and (min-width: 800px){body{font-size:125%}body .content>svg{width:50em;top:auto;bottom:-25%;right:70%;translate:100% 0}.content{padding-top:0;position:relative}.content:before{background:white;top:-2em;content:"";display:block;width:100%;height:10em;position:absolute;left:0;transform:skewY(-2deg);transform-origin:bottom left}.container{max-width:880px;margin-left:auto;margin-right:auto;padding:0}#home .posts article,#home .pageTitle,#home .pagination{width:75%;float:none;margin-inline:auto}#home .pageTitle,#home .pagination{margin-block:0 1.5em}#home .pageTitle{margin:2rem auto 1em}.logo-image{display:block;position:fixed;left:0;width:4em;top:0;z-index:10}.logo-image a,.logo-image svg{display:block;width:100%}.logo-image a{background:#6244b0;filter:drop-shadow(0 0 0.75rem #000)}.logo-image a:hover{opacity:0.9}.logo-image svg{fill:white;opacity:0.5}.header{height:15em;padding-bottom:2em}.header .container{position:relative;top:50%;transform:translateY(-50%);max-width:880px;overflow:hidden;z-index:1}.header .container .inner{width:75%;float:none;margin:0 auto}.header .container .inner::after{content:"";clear:both;display:block}.header .logo{font-size:1.5em;line-height:1;padding-left:0}.header nav{float:left;clear:left}.header nav ul{background-color:transparent;margin:0}.header nav ul li{display:inline;line-height:3em;background:none;padding:0 5px;border:none;position:relative}.header nav ul li a,.header nav ul li button{color:white;font-size:.9em;text-decoration:none;padding:0 .25em}.header nav ul li a:hover,.header nav ul li button:hover{color:#ccc}.header nav ul li button{background-color:transparent;border:0;cursor:pointer;display:inline;font-family:"PT Serif", Georgia, Times, serif;outline:none;width:auto}.header nav ul li.current{padding-bottom:.25em;border-bottom:4px solid rgba(255,255,255,0.4)}.header nav ul li ul{position:absolute;left:-0.75em;top:calc(100% + 0.25em);background:#6244b0;border-bottom:solid 2px #00deb7 !important;padding:0.5em 1em !important;transition:scale 0.2s ease-in-out, opacity 0.2s ease-in-out;transform-origin:top left;width:auto}.header nav ul li ul:not(.open){max-height:unset;translate:0 0;opacity:0;scale:0.7;pointer-events:none}.header nav ul li ul,.header nav ul li ul li{line-height:1.5em !important}.header nav ul li ul li{display:block;padding:0;white-space:nowrap}.header nav ul li ul li a{font-size:80%;padding:0}.header .nav-collapse{overflow:visible !important}.header svg{display:block;fill:white;position:absolute;width:20em;opacity:0.1;top:-25%;left:50%;translate:35% 0}.header--large{height:50vh}.header--large .container{top:90%;transform:translateY(-100%)}.js .nav-collapse{position:relative;max-height:none}.js .nav-collapse.closed{max-height:none}.js .nav-collapse ul{border:none}.js .nav-collapse ul li a{display:inline-block}.js .nav-collapse ul li:first-child,.js .nav-collapse ul li:first-child a{padding-left:0}.js .nav-collapse>ul>li.elementlast,.js .nav-collapse>ul>li.elementcurrentlast{padding-inline-start:0.5em}.js .nav-collapse>ul>li.elementlast a,.js .nav-collapse>ul>li.elementcurrentlast a{translate:0 -0.125em}.js .nav-collapse>ul>li.elementlast a img,.js .nav-collapse>ul>li.elementcurrentlast a img{margin-block-end:0;vertical-align:middle;width:5.5em}.nav-toggle{display:none}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6,.post p,.post ul,.post ol,.post dl,.post .pageTitle,.post .demoBox,.post .browserSupport__list{width:75%;float:none;margin:0 auto 2rem}.post h1,.post .h1,.post h2,.post .h2,.post h3,.post .h3,.post h4,.post .h4,.post h5,.post .h5,.post h6,.post .h6{margin:1rem auto}.post .pageTitle{margin:2rem auto 1em}.post .featuredImage{position:relative;margin-top:2rem}.post .featuredImage:before{background:white;content:"";display:block;width:100%;height:4em;position:absolute;top:-2em;left:0;transform:skewY(-2deg);transform-origin:bottom left}.postNav .prev,.postNav .next{width:50%}.postNav .prev{float:left;text-align:left}.postNav .next{text-align:right;float:right}.footer-links{float:right}.footer .copy{float:left}.footer .container{padding:1rem 0;max-width:800px}.contactContent{max-width:48%;margin-right:2%;float:left}#contact form{max-width:48%;width:48%;float:right;margin-right:0}}@media only screen and (min-width: 800px) and (prefers-color-scheme: dark){body{background-color:black;color:white}.content:before,.post .featuredImage:before{background:black}}@media only screen and (min-width: 1200px){body{font-size:137.5%}body .content>svg{right:50%}.container,.header .container{max-width:990px}}