:root{--center-width:800px;--left-width:300px;--right-width:350px;--image-height:400px;--thumbnail-height:120px;--sidebar-sticky-top:30px;--l1-title-size:32px;--l2-title-size:26px;--agenda-title-size:24px;--logo-font-size:29.25px;--default-font-size:18px;--note-font-size:18px;--sidebar-title-size:18px;--sidebar-font-size:18px;--post-header-size:38px;--post-title-size:24px;--post-meta-size:16px;--lightbox-size:16px;--code-bar-size:16px;--code-font-size:14px;--cc-font-size:14px;--footer-title-size:24px;--symbol-title-size:36px;--symbol-border-radius:.35rem;--demo-border-radius:.5rem;--img-border-radius:8px;--toggle-border-size:3px;--demo-border-size:3px;--copyBtn-border-size:1px;--hr-thick-size:3px;--hr-thin-size:1px;--table-border-size:2px;--selected-border-size:2px;--logo-font-weight:800;--post-meta-weight:400;--cc-font-weight:400;--footer-font-weight:400;--symbol-font-weight:400;--agenda-title-weight:500;--agenda-focus-weight:500;--agenda-nonfocus-weight:400;--link-font-weight:500;--dark-color:#333;--bright-color:#fff;--blue-border:#1fccea;--gray-border:#dae2e4;--dark-blue-background:#2c64a5;--blue-background:#cee;--gray-background:#424141;--codebar-background:#e9edee;--code-background:#f9f2f4;--code-color:#c7254e;--prop-background:#565568;--prop-color:#a6d6a9;--fog-color:#dfe3e3;--note-color:#9b9c9c;--btn-select-color:#c7cdce;--link-color:#6da1e6;--transparent:#0000;--hidden_background:#000000d9}
body{font-family:genyogothictw,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--default-font-size);color:var(--dark-color);background-color:var(--bright-color);margin:0;padding:0}pre,button{font-family:inherit}.banner{background:var(--gray-background)}time[itemprop=datePublished]{margin-right:.5rem}.wrapper{max-width:calc(var(--center-width) + var(--left-width) + var(--right-width));box-sizing:border-box;flex-flow:wrap;justify-content:space-between;align-items:center;min-width:0;margin:0 auto;padding:1rem 2rem;display:flex}#site-logo{font-weight:var(--logo-font-weight);font-size:var(--logo-font-size);color:var(--bright-color);flex-flow:row;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;display:flex}#site-nav{text-align:center}#site-nav.open{display:flex}#site-nav a{color:var(--bright-color);font-size:var(--default-font-size);margin:0 0 0 2rem;text-decoration:none}#site-nav.open a{background-color:var(--dark-color);margin:0}.post-header .post-title{font-size:var(--post-header-size);line-height:var(--post-header-size);margin:.2rem 0 0}.post-meta{font-size:var(--post-meta-size);color:var(--note-color);flex-flow:wrap;justify-content:left;margin:.75rem 0;display:flex}.post{flex-flow:row;justify-content:space-around;align-items:center;display:flex}.post .left-part{width:70%}.post .post-title{font-size:var(--post-title-size);color:var(--dark-color);margin:0 1rem 0 0}.post .post-description{line-clamp:2;-webkit-line-clamp:2;font-size:var(--post-meta-size);font-weight:var(--post-meta-weight);color:var(--note-color);-webkit-box-orient:vertical;margin:.2rem 1rem 0 0;display:-webkit-box;overflow:hidden}#cover-container{width:100%;height:var(--image-height)}.post .thumbnail-container img,#cover-container img{object-fit:cover;border-radius:var(--img-border-radius);width:100%;height:100%}img.content-img{border-radius:var(--img-border-radius);width:100%}iframe.content-iframe{border-radius:var(--img-border-radius);width:100%;height:400px}.lightbox{z-index:999;background:var(--hidden_background);width:100%;height:100%;color:var(--bright-color);font-weight:var(--symbol-font-weight);flex-flow:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.lightbox-content{flex-flow:row;justify-content:space-between;align-items:center;width:90%;height:99%;display:flex}.lightbox img{width:unset;height:unset;border-radius:var(--img-border-radius);max-width:90%;max-height:98%}.lightbox-displaybar{flex-flow:row;justify-content:space-between;align-items:center;width:90%;display:flex;position:absolute;top:5px}.lightbox-btn{font-size:var(--l1-title-size);cursor:pointer}.lightbox-index{font-size:var(--lightbox-size)}.close-btn{font-size:var(--l1-title-size);cursor:pointer}.close-btn:hover{color:var(--note-color)}.post .thumbnail-container{width:25%;height:var(--thumbnail-height)}.inline-icon{height:1.1rem;margin:0 .35rem;position:relative;top:.2em}a{color:var(--link-color);font-weight:var(--link-font-weight);text-decoration:none}button[class=tag],a[class=tag]{border-radius:var(--symbol-border-radius);font-weight:var(--symbol-font-weight);text-align:left;border:0;margin-right:.3rem;padding:0 .3rem}button[class=tag]:hover,a[class=tag]:hover{cursor:pointer}.L1-section-title{font-size:var(--l1-title-size);margin:3rem 0 1rem}.L2-section-title{font-size:var(--l2-title-size);margin:2rem 0 -.5rem}.main-container{max-width:calc(var(--center-width) + var(--left-width) + var(--right-width));box-sizing:border-box;flex-flow:row;justify-content:center;min-width:0;margin:0 auto;display:flex}#timeline-wrapper,.agenda-wrapper{width:90%}.agenda-inline{display:none}.agenda-title{font-size:var(--agenda-title-size);font-weight:var(--agenda-title-weight);margin:0;padding:0}.agenda{font-size:var(--default-font-size);margin:1rem 0;padding:0;list-style:none}.agenda li{padding:.25rem 1rem}.agenda .focus-section{border-left:var(--toggle-border-size) solid var(--blue-border);background-color:var(--blue-background);border-radius:0rem var(--symbol-border-radius) var(--symbol-border-radius) 0rem}.agenda .non-focus-section{border-left:var(--toggle-border-size) solid var(--gray-border);background-color:var(--transparent)}.agenda .focus-section a{color:var(--dark-color);font-weight:var(--agenda-focus-weight)}.agenda .non-focus-section a{color:var(--note-color);font-weight:var(--agenda-nonfocus-weight)}a:hover,.agenda .focus-section a:hover,.agenda .non-focus-section a:hover,#same-category-list a:hover,.same-tag-list a:hover,.toggleContainer a:hover{cursor:pointer;color:var(--link-color)}#timeline-title{font-size:var(--sidebar-title-size);margin-top:0}#timeline{font-size:var(--sidebar-font-size);color:var(--dark-color);margin:0;padding:0;list-style:none}#timeline .toggleTitle{font-size:var(--sidebar-font-size)}#timeline li:hover{cursor:pointer}.toggleContainer{font-size:var(--sidebar-font-size);border-left:var(--toggle-border-size) solid var(--dark-color);flex-flow:column wrap;margin-left:.5rem;padding-left:.75rem;line-height:2rem;display:flex}.collapsed .toggleContainer{display:none}.toggleContainer a{color:var(--dark-color);font-weight:var(--link-font-weight);text-decoration:none}#hamburger{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;display:none}.dropdown-hr{margin:2rem 0;display:none}.sidebar{top:var(--sidebar-sticky-top);box-sizing:border-box;min-width:0;height:20%;margin:2rem;padding:0;position:sticky}#left-area{flex:1 1 var(--left-width);max-width:var(--left-width)}#center-area{flex:1 1 var(--center-width);max-width:var(--center-width);box-sizing:border-box;min-width:0;margin:2rem;padding:0}#right-area{flex:1 1 var(--right-width);max-width:var(--right-width)}#category-title,.tag-title{font-size:var(--sidebar-title-size);margin:0}#category-list,#tag-list{font-size:var(--sidebar-font-size);flex-flow:wrap;display:flex}#category-list .tag,#tag-list .tag{margin-bottom:.5rem}#tag-wrapper{margin-top:3rem}.content-paragraph{font-size:var(--default-font-size);margin-top:2rem;margin-bottom:1em;line-height:2rem}.content-paragraph>:is(pre,ul,ol,div,table,figure){line-height:normal}p.note{font-size:var(--note-font-size);color:var(--note-color);margin-top:.5rem;line-height:2rem}p.note:before{content:"Note: "}hr{height:var(--hr-thick-size);background-color:var(--dark-color);border:none}.post-hr{height:var(--hr-thin-size);background-color:var(--fog-color);border:none;width:98%;margin:2rem auto}.hljs{font-family:Consolas;font-size:var(--code-font-size);line-height:1.2rem;padding:1rem!important}.code-bar{background-color:var(--codebar-background);border-radius:var(--symbol-border-radius) var(--symbol-border-radius) 0rem 0rem;flex-flow:row;justify-content:space-between;align-items:center;display:flex}.code-bar h4{font-weight:var(--symbol-font-weight);font-size:var(--code-bar-size);margin:0;padding:.1rem 1rem}.code-bar button{background-color:var(--transparent);border-radius:var(--symbol-border-radius);border:var(--copyBtn-border-size) solid var(--dark-color);font-weight:var(--symbol-font-weight);font-size:var(--code-bar-size);margin:.5rem;padding:.1rem .5rem .35rem}.code-bar button:hover{cursor:pointer;background-color:var(--btn-select-color)}button.checked{color:#1abf6f}code[class=inline]{font-family:Consolas;font-size:var(--default-font-size);border-radius:var(--symbol-border-radius);background-color:var(--code-background);color:var(--code-color)}code[class=prop]{text-wrap:wrap;font-family:Consolas;font-size:var(--default-font-size);border-radius:var(--symbol-border-radius);background-color:var(--prop-background);color:var(--prop-color)}div.demo-container{flex-flow:wrap;justify-content:space-around;align-items:center;width:100%;margin-top:1rem;display:flex}div.demo{flex:1 1 var(--center-width);font-size:var(--default-font-size);border-radius:var(--demo-border-radius);border:var(--demo-border-size) solid var(--note-color);flex:20%;height:100%;margin:0 .5rem}div.demo h1{font-size:var(--default-font-size);text-align:center;color:var(--note-color);margin:.5rem 0}ol.content-ol>li,ul.content-ul>li{font-size:var(--default-font-size);margin:1rem 0;line-height:2rem}ol.marginx1p5>li,ul.marginx1p5>li{margin:1.5rem 0}ol.marginx2>li,ul.marginx2>li{margin:2rem 0}table.content-table{white-space:nowrap;font-size:var(--default-font-size);border-collapse:collapse;border:var(--table-border-size) solid var(--note-color);display:block;overflow-x:auto}table.content-table th,table.content-table td{border:var(--table-border-size) solid var(--note-color)}table.content-table thead>tr{background-color:var(--dark-blue-background);color:var(--bright-color);text-align:left}table.content-table th,table.content-table td{padding:.3rem .5rem}table.content-table tbody>tr:nth-child(odd){background-color:var(--bright-color)}table.content-table tbody>tr:nth-child(2n){background-color:var(--blue-background)}table.content-table td:first-child{font-weight:700}#same-category-list,.same-tag-list{margin:0;padding-left:1.5rem}#same-category-list li,.same-tag-list li{font-size:var(--default-font-size);margin:.25rem 0}#same-category-list a,.same-tag-list a{color:var(--note-color);font-weight:var(--agenda-nonfocus-weight)}#same-category-list a.this-article{color:var(--dark-color);background-color:var(--blue-background);border-radius:var(--symbol-border-radius);font-weight:var(--agenda-focus-weight)}@media not (min-width:1000px){#left-area,#right-area{display:none}#center-area{max-width:90%}#site-nav{background-color:none;text-align:center;flex-direction:column;gap:1rem;width:100%;margin-top:1rem;padding:1rem 0;display:none}#hamburger,.dropdown-hr{display:block}.agenda-wrapper{width:100%;margin-top:2rem}.agenda-inline{display:block}}footer{text-align:center;background-color:var(--dark-color);color:var(--bright-color);flex-flow:column;justify-content:center;align-items:center;margin-top:2rem;padding:5rem;display:flex}footer h1{font-size:var(--footer-title-size);font-weight:var(--footer-font-weight)}footer svg{fill:var(--fog-color)}footer a{color:var(--fog-color);font-weight:var(--footer-font-weight)}a.github{text-align:center;flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}#contact-info{text-align:center;flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem 2rem;margin-bottom:1.5rem;display:flex}.context-fig{text-align:center;margin:0}p.cc{color:var(--note-color);font-size:var(--cc-font-size);margin:0;line-height:1.5rem}p.cc a{color:var(--note-color);font-weight:var(--cc-font-weight)}
.categories-page #category-list{flex-flow:column wrap;display:flex}.categories-page #category-list .tag{font-size:var(--sidebar-font-size);font-weight:var(--symbol-font-weight)}.categories-page #category-list #selected-category{border:var(--selected-border-size) solid var(--gray-background);font-weight:var(--link-font-weight)}.categories-page #selected-category:before{content:"➣ "}.categories-page .category-dropdown{flex-flow:row;display:none}.categories-page #category-select{border-radius:var(--symbol-border-radius);background-color:var(--fog-color);text-align:right;width:100%;font-size:var(--sidebar-font-size);border:none;outline:none;margin-left:1rem}.categories-page #category-select option{font-size:var(--sidebar-font-size)}@media (max-width:1000px){.categories-page .category-dropdown{display:flex}}
.tags-page #tag-wrapper{margin-top:0}.tags-page #tag-list{flex-flow:column wrap;display:flex}.tags-page #tag-list .tag{font-size:var(--sidebar-font-size);font-weight:var(--symbol-font-weight)}.tags-page #tag-list #selected-tag{border:var(--selected-border-size) solid var(--gray-background);font-weight:var(--link-font-weight)}.tags-page #selected-tag:before{content:"➣ "}.tags-page .tag-dropdown{flex-flow:row;display:none}.tags-page #tag-select{border-radius:var(--symbol-border-radius);background-color:var(--fog-color);text-align:right;width:100%;font-size:var(--sidebar-font-size);border:none;outline:none;margin-left:1rem}.tags-page #tag-select option{font-size:var(--sidebar-font-size)}@media (max-width:1000px){.tags-page .tag-dropdown{display:flex}}
#flex-demo{height:140px}#row-flex-container{flex-direction:row;display:flex}#column-flex-container{flex-direction:column;display:flex}.block1{text-align:center;background-color:#e48b8bc0;border-radius:.35rem}.block2{text-align:center;background-color:#9de48bc0;border-radius:.35rem}.block3{text-align:center;background-color:#8be4ddc0;border-radius:.35rem}#justify-start-container{flex-direction:row;justify-content:flex-start;display:flex}#justify-end-container{flex-direction:row;justify-content:flex-end;display:flex}#justify-center-container{flex-direction:row;justify-content:center;display:flex}#justify-between-container{flex-direction:row;justify-content:space-between;display:flex}#justify-around-container{flex-direction:row;justify-content:space-around;display:flex}#align-start-container{flex-direction:row;justify-content:center;align-items:flex-start;display:flex}#align-end-container{flex-direction:row;justify-content:center;align-items:flex-end;display:flex}#align-center-container{flex-direction:row;justify-content:center;align-items:center;display:flex}#align-stretch-container{flex-direction:row;justify-content:center;align-items:stretch;height:120px;display:flex}#align-baseline-container{flex-direction:row;justify-content:center;align-items:baseline;height:120px;display:flex}@media (max-width:768px){#demo-justify-center{flex-basis:100%;margin-top:1rem}}.text14{font-size:14px}.text24{font-size:24px}.text32{font-size:32px}.no-radius{background-color:#ade5d2}.radius{background-color:#ade5d2;border-radius:.4rem}div.demo-box-model{flex-direction:row;justify-content:center;align-items:center;display:flex}div.demo-box-margin{background-color:#85da88}div.demo-box-padding{text-align:center;background-color:#43baec;border:5px solid #000;margin:20px 15px 40px 5px;padding:10px 30px}
#demo-input{text-align:center;border-radius:.5rem;width:8rem;font-size:18px}#demo-button{color:#83d383;background-color:#0000;border:0;font-size:32px}#js-demo-container{flex-flow:wrap;justify-content:space-evenly;margin:1rem;display:flex}#demo-display{color:red;background-color:#ffedd8;border:2px dashed #333;border-radius:.5rem;padding:.25rem;font-size:32px}
pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#fff;background:#333}.hljs-doctag,.hljs-meta-keyword,.hljs-name,.hljs-strong{font-weight:700}.hljs-code,.hljs-emphasis{font-style:italic}.hljs-section,.hljs-tag{color:#62c8f3}.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#ade5fc}.hljs-meta-string,.hljs-string{color:#a2fca2}.hljs-attr,.hljs-quote,.hljs-selector-attr{color:#7bd694}.hljs-tag .hljs-attr{color:inherit}.hljs-attribute,.hljs-title,.hljs-type{color:#ffa}.hljs-number,.hljs-symbol{color:#d36363}.hljs-bullet,.hljs-template-tag{color:#b8d8a2}.hljs-built_in,.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#fcc28c}.hljs-code,.hljs-comment,.hljs-formula{color:#888}.hljs-link,.hljs-selector-pseudo,.hljs-regexp{color:#c6b4f0}.hljs-meta{color:#fc9b9b}.hljs-deletion{color:#333;background:#fc9b9b}.hljs-addition{color:#333;background:#a2fca2}.hljs-subst{color:#fff}.hljs a{color:inherit}.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}.hljs mark{color:inherit;background:#555}