:root{--font-color:#333;--bg-color:#fff;--quote-color:#555;--link-color:#1d60a3;--link-state-color:#a31d1d;--link-state-border-color:rgba(163, 29, 29, .5);--thead-bg-color:lightgrey;--table-border-color:lightgrey;--nav-bg-color:#fafafa;--nav-link-color:#696969;--pre-color:#f8f8f2;--pre-bg-color:#272822;--bq-color:#ccc;--hr-color:#ccc;--pagination-bg-color:#fafafa;--pagination-link-color:#696969;--post-info-color:grey;--switcher-color:#fff;--svg-color:#333;--svg-state-color:#a31d1d;--card-bg-color:#aaa;--card-border-color:#111;--card-color:#111}[data-theme=dark]{--font-color:#eee;--bg-color:#333;--quote-color:#ccc;--link-color:#599ada;--link-state-color:#ff5858;--link-state-border-color:rgba(238, 54, 54, 0.5);--thead-bg-color:#343a40;--table-border-color:#444;--nav-bg-color:#242424;--nav-link-color:#b6b6b6;--pre-color:#f8f8f2;--pre-bg-color:#272822;--bq-color:#ccc;--hr-color:#333;--pagination-bg-color:#373737;--pagination-link-color:#b6b6b6;--post-info-color:grey;--switcher-color:#333;--svg-color:#ccc;--svg-state-color:#ff5858;--card-bg-color:#aaa;--card-border-color:#fff;--card-color:#fff}html{font-family:roboto,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--font-color);background:var(--bg-color)}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}.container{max-width:42em;margin:0 auto}main{outline:none}h1{font-size:1.35em}h2{font-size:1.2em}h3{font-size:1.1em}a{color:var(--link-color);text-decoration:none;border-bottom:1px solid transparent}a:hover,a:focus,a:active{color:var(--link-state-color);border-bottom:1px solid var(--link-state-border-color)}a:active,a:hover{outline:0}a:active{opacity:.9}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:focus,a.skip-main:active{left:auto;top:0;width:auto;height:auto;overflow:auto;z-index:999;padding:4px 6px;text-decoration:underline;border:none}.table-wrapper{overflow-x:auto}table{max-width:100%;min-width:100%;border-spacing:0;border-collapse:separate}table th{border-top:1px solid var(--table-border-color)}table th:first-child{border-top-left-radius:.5rem;border-left:1px solid var(--table-border-color)}table th:last-child{border-top-right-radius:.5rem;border-right:1px solid var(--table-border-color)}table tr td:first-child{border-left:1px solid var(--table-border-color)}table tr td:last-child{border-right:1px solid var(--table-border-color)}table tr:last-child td{border-bottom:1px solid var(--table-border-color)}table tr:last-child td:first-child{border-bottom-left-radius:.5rem}table tr:last-child td:last-child{border-bottom-right-radius:.5rem}table th,table td{padding:10px}table th{background-color:var(--thead-bg-color)}th,td{padding:.5em 1em}pre{padding:1em;max-width:100%;overflow:auto;margin:3rem auto;border-radius:.5rem}code,pre,kbd{color:var(--pre-color);background-color:var(--pre-bg-color);font-family:roboto mono,monospace;font-size:.9em;line-height:154%;font-style:normal}pre code,pre kbd{color:inherit;background-color:inherit}blockquote{border-left:2px solid var(--bq-color);padding:.1em 1em;margin-left:.75em;color:var(--quote-color);font-style:italic}p{margin-top:.5em;margin-bottom:.5em}hr{color:var(--hr-color);background-color:var(--hr-color);border:none;height:1px}.common-header{padding-bottom:1.5em;border-bottom:thin solid var(--hr-color)}header a{color:var(--font-color)}header h1{font-size:1em;margin-top:0;margin-bottom:0;font-weight:400}header h2{font-size:1em;margin:0;font-weight:400}.header-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;vertical-align:middle;padding-top:1em}.site-title{white-space:nowrap}header nav:not(:empty){background:var(--nav-bg-color);margin-top:1em;max-width:100%;text-align:center;padding:.5em 0}header nav a{display:inline-block;margin:0 2.5%}.social-icons{display:inline;margin-top:0;margin-bottom:0;margin-right:.5em;padding:0;list-style-type:none}.social-icons li{display:inline}.social-icons li:not(:first-of-type){margin-left:.5em}.social-icons a:hover,.social-icons a:focus,.social-icons a:active{color:inherit;border-bottom:none;text-decoration:none}.inline-svg{display:inline-block;height:1.15rem;width:1.15rem;top:.15rem;position:relative}main h1{margin-top:1em;font-weight:400;line-height:1.1em;margin-bottom:.5em;font-weight:600}.post-short-list:first-of-type{margin-top:1em}.post-header{margin-top:1em;line-height:1.1em;margin-bottom:1em}.post-header header{display:inline}.post-navigation{background:var(--nav-bg-color);text-align:center;margin-top:1em;max-width:100%;padding:.5em 0}.post-navigation a:first-of-type{margin-left:0}.post-navigation a{color:var(--nav-link-color);margin-left:2em}.post-navigation a:hover,.post-navigation a:focus,.post-navigation a:active{color:var(--link-state-color)}.post-short-list .post-title{display:inline}.post-title.favorite::after{content:"☆";display:inline-block;margin-left:.2em}.post-title.draft::after{content:"✎";display:inline-block;margin-left:.2em}.post-title.favorite.draft::after{content:"☆ ✎";display:inline-block;margin-left:.2em}article:not(:last-of-type){border-bottom:thin solid var(--hr-color);padding-bottom:2em}article header h1{font-size:1.35em;line-height:1.1em;margin-bottom:.5em;font-weight:600;display:inline}article header h1 a{color:var(--font-color);border:none;text-decoration:none}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{position:relative}.post h1 a,.post h2 a,.post h3 a,.post h4 a,.post h5 a,.post h6 a{opacity:0;position:absolute;left:-1.2rem}.post h1:hover a,.post h2:hover a,.post h3:hover a,.post h4:hover a,.post h5:hover a,.post h6:hover a{opacity:1;border-bottom:none}.post h1 a:hover,.post h1 a:focus,.post h1 a:active,.post h2 a:hover,.post h2 a:focus,.post h2 a:active,.post h3 a:hover,.post h3 a:focus,.post h3 a:active,.post h4 a:hover,.post h4 a:focus,.post h4 a:active,.post h5 a:hover,.post h5 a:focus,.post h5 a:active,.post h6 a:hover,.post h6 a:focus,.post h6 a:active{border-bottom:none}.post h1 svg,.post h2 svg,.post h3 svg,.post h4 svg,.post h5 svg,.post h6 svg{stroke:var(--svg-color)}.post h1 svg:hover,.post h1 svg:focus,.post h1 svg:active,.post h2 svg:hover,.post h2 svg:focus,.post h2 svg:active,.post h3 svg:hover,.post h3 svg:focus,.post h3 svg:active,.post h4 svg:hover,.post h4 svg:focus,.post h4 svg:active,.post h5 svg:hover,.post h5 svg:focus,.post h5 svg:active,.post h6 svg:hover,.post h6 svg:focus,.post h6 svg:active{stroke:var(--svg-state-color)}.post-info{color:var(--post-info-color);font-size:.75em;margin-top:1em}.post-info a{color:var(--post-info-color)}.post-info a:hover{color:var(--link-state-color)}.post-short-list .post-info{margin-top:0;margin-bottom:1.5em}.post-taxonomies{display:inline}.post-hidden-url{display:none}.post-hidden-author{display:none}.post-date{white-space:nowrap}.post-categories{display:inline;list-style-type:none;padding:0}.post-categories li{display:inline;margin-right:1em}.post-tags{display:inline;list-style-type:none;padding:0;margin:0}.post-tags li{display:inline;margin-right:1em}article figcaption{color:grey;text-align:center;font-size:.85em;margin-bottom:2em}.read-more{margin:1em 0}.divider{border-top:thin solid var(--hr-color);display:block;height:1px;border:0;width:25%;margin:1em auto}.post-summary{margin-top:.5em;display:block}.post-summary>p{display:block}.post-translations{margin-left:.5em;list-style:none;padding:0;display:inline;font-size:14px}.post-translations>li{display:inline}.post-translations>li:not(:last-child)::after{content:"|";display:inline-block}.post-translations>li a{color:var(--link-color)}.post-translations>li a:hover,.post-translations>li a:focus{color:var(--link-state-color)}.read-next-title{margin-bottom:0}.read-next-posts{margin-top:5px;list-style-type:"- ";padding-inline-start:20px}.terms{list-style-type:none;padding:0;line-height:2em}.pagination{display:flex;justify-content:space-between;margin-top:3em;text-align:center}.pagination-item{background:var(--pagination-bg-color);padding:.75em}.pagination-item a{color:var(--pagination-link-color)}.pagination-item a:hover,.pagination-item a:focus{color:var(--link-state-color)}.disabled{visibility:hidden}.pagination-item a:hover,.pagination-item a:focus{border-bottom:0}.post-pagination .pagination-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16em}.common-footer{border-top:thin solid var(--hr-color);padding-top:1em;padding-bottom:1em;margin-top:3em;font-size:16px}.common-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column}ul.language-select,ul.footer-menu{padding-left:0;list-style:none;display:flex}ul.language-select>li,ul.footer-menu>li{margin-right:1em}.theme-switcher{background-color:initial;color:var(--switcher-color);border:none;cursor:pointer;display:inline}.theme-switcher img{width:1rem;height:1rem}.h-card{display:none}.highlight{position:relative}.highlight pre{padding-right:75px}.highlight:hover .highlight-copy-btn{display:inline-block;border:1px solid var(--bg-color)}.highlight-copy-btn{display:none;position:absolute;top:7px;right:7px;border:0;border-radius:4px;padding:1px;font-size:.7em;line-height:1.8;color:#fff;background-color:#777;min-width:25px;text-align:center;border-radius:5px}.highlight-copy-btn:hover{transition-duration:.1s;background-color:#666;border:1px solid var(--bq-color)!important}.highlight-copy-btn,.highlight-copy-btn svg{vertical-align:middle;margin:8px}@media(max-width:840px){.main-wrapper{margin:0;max-width:none;overflow-x:hidden;padding-left:25px;padding-right:25px}.container{max-width:90%;margin:0 auto;word-wrap:break-word}.pagination-item{padding:.5em;font-size:14px}.post-navigation{background:var(--pagination-bg-color);text-align:center;padding:.5em 0}.post-navigation a{margin-left:.5em}.post-pagination .pagination-item{max-width:10em}}.card{max-width:calc(100% - 8rem);border:1px solid var(--card-border-color);border-radius:.5rem;padding:1rem;margin:3rem auto;background-color:var(--card-bg-color);color:var(--card-color)}.rounded{border-radius:.5rem}article img{border-radius:.5rem;margin:3rem auto;max-width:100%;display:block;height:auto}.iframe-wrapper{position:relative;width:100%;padding-bottom:56.25%;background-color:#000}iframe[src^="https://www.shadertoy.com/embed"]{position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem)}textarea.code-editor{width:calc(100% - 2rem);height:30rem;border:none;background-color:var(--pre-bg-color);color:var(--pre-color);font-family:roboto mono,monospace;font-size:1rem;padding:1rem;resize:vertical}pre.shader-canvas{width:calc(100% - 2rem);font-size:16px;line-height:1.2;height:calc(30 * 1.2 * 16px + 2rem);overflow-y:auto;white-space:pre-wrap}