@charset "utf-8";:root{--shiki-color-text:#fff;--shiki-color-background:#0d0d0d;--shiki-token-constant:#eaa5ea;--shiki-token-string:#9c9;--shiki-token-comment:#999;--shiki-token-keyword:#ffce9a;--shiki-token-parameter:#69c;--shiki-token-function:#59a8f7;--shiki-token-string-expression:#9c9;--shiki-token-punctuation:#ffead8;--shiki-token-link:#6cc;--color-accent:#fc4445;--color-link:#3400ee}@font-face{font-family:Hyperlegible;src:url(/fonts/Hyperlegible-Regular.woff2) format("woff2")}@font-face{font-family:Hyperlegible;src:url(/fonts/Hyperlegible-Bold.woff2) format("woff2");font-weight:700}*,:after,:before{box-sizing:border-box}body,html{font-size:16px;height:100%}body{font-family:Hyperlegible,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.6;margin:1rem 4rem;padding:0;color:#333}.favicon{color:#fa9a08}a{color:var(--color-link);text-decoration:none;cursor:pointer}a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);-webkit-text-decoration-line:underline;text-decoration-line:underline}a:visited{color:var(--color-link)}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{margin:0 0 2rem;line-height:1}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}figure,img{max-width:100%;height:auto}table{border-collapse:collapse;font-size:.9rem}td,th{padding:4px 16px 4px 4px}td:last-child,th:last-child{padding-right:4px}tr:nth-child(2n){background-color:#eee}th{background-color:#eec;text-align:left}hr{border:0;height:1px;background:#333;background-image:linear-gradient(90deg,#ccc,#333,#ccc)}header{padding:1rem 0;margin-bottom:2rem}header h3{font-size:36px;margin:0}header h3 a,header h3 a:visited{color:var(--color-accent)}main{min-height:calc(100vh - 14rem);display:flex}aside{width:220px;margin-top:1rem;margin-right:5rem;margin-left:1rem}aside nav{margin-bottom:2rem}aside ul{list-style-type:none;padding-left:0}aside h3{margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700}aside h3:first-of-type{margin-top:0}aside a{display:block;margin-top:1rem;margin-bottom:1rem;line-height:1.2}aside li.depth3{padding-left:8px}aside li.depth3 a:before{content:"· "}pre{margin:1.5rem 0 2rem;padding:1rem;border-radius:8px;overflow-x:auto;color:#ccc;background-color:#2d2d2d}code,pre{font-family:Hack,Menlo,Consolas,monospace;font-size:15px}code{color:#8d03bf}footer{margin:4rem 1rem 1rem}article{width:100%;margin-right:1rem;margin-bottom:6rem}article blockquote,article li,article p,article pre{max-width:42rem}article h1{font-size:36px;background:linear-gradient(0deg,#2f01d2 0,#ff3d3d);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;margin-top:0}article h2,article h3,article h4,article h5,article h6{margin-top:2.5rem;margin-bottom:0}article h3.section-title{font-weight:400;font-size:1rem;margin-top:0;margin-bottom:4px}article p{margin-top:1.5rem;margin-bottom:1.5rem}article blockquote{border-left:4px solid #fc4445;font-style:italic;margin:2rem 0;padding:0 1rem 0 2rem}details{margin-bottom:2rem}.details{padding:16px;background-color:#f0f0f0;border:1px solid #ccc}section ul{padding-left:0;list-style:none}section li{line-height:0;margin-bottom:2rem}input[type=checkbox]{display:none}#aside-button{position:absolute;right:-5000;top:-5000}@media (max-width:880px){body{margin-left:2rem;margin-right:2rem}}@media (max-width:720px){body{margin:.25rem 1rem;height:100%}header{margin-bottom:1rem}main{display:block;padding:0}#aside-button{top:1em;right:2em;padding:26px 11px;z-index:5;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#aside-button span{height:4px;width:35px;border-radius:2px;background-color:#000;position:relative;display:block;transition:all .2s ease-in-out}#aside-button span:before{top:-10px;visibility:visible}#aside-button span:after{top:10px}#aside-button span:after,#aside-button span:before{height:4px;width:35px;border-radius:2px;background-color:#000;position:absolute;content:"";transition:all .2s ease-in-out}#aside-button:hover span,#aside-button:hover span:after,#aside-button:hover span:before{background:#333332}input[type=checkbox]:checked~aside{visibility:visible}input[type=checkbox]:checked~#aside-button span,input[type=checkbox]:checked~#aside-button:hover span{background:transparent}input[type=checkbox]:checked~#aside-button span:before{transform:rotate(45deg) translate(7px,7px);opacity:1}input[type=checkbox]:checked~#aside-button span:after{transform:rotate(-45deg) translate(7px,-7px)}aside{margin:0 0 -1rem;padding:1rem;background:#f0f0f0;border:2px solid #222;visibility:hidden;height:85vh;width:calc(100vw - 2rem);position:fixed;z-index:2;overflow-y:scroll}aside.active{visibility:visible}aside h3{display:none}aside nav{position:static;display:flex;flex-start:top;flex-direction:column;height:100vh;padding-bottom:1rem}aside ul{padding:.5rem;border:1px solid #222}aside ul li{padding:.5em;border-bottom:1px solid #222}aside ul li:last-of-type{border-bottom:none}aside ul li a{color:#fff}}.dateinfo{margin-top:2rem;font-size:14px}.mw-420{max-width:420px}.smtext{font-size:14px}.mt-1{margin-top:1rem}.aspect-video{aspect-ratio:16/9}figure,iframe,video{display:block;width:100%;max-width:42rem}figure,iframe{margin:1rem 0}figcaption{font-size:14px;color:#666;text-align:center}.codepen-embed{height:480px;max-width:95%}.callout{display:flex;align-items:flex-start;max-width:42rem;margin:1rem 0;padding:1rem;border:1px solid #999;background-color:#eee}.callout.info{border:1px solid #fceed8;background-color:#fef7ee}.callout p{margin-top:0;margin-bottom:0}.callout .label{margin-right:1rem}