::-webkit-scrollbar{display:none;}@view-transition{navigation:auto;}:root{--color-1:#212121;--color-2:rgb(200,200,200);--color-3:rgb(27,27,27);--radius-1:4px;--radius-2:8px;--gap-min:2px;--gap-mid:10px;--gap-max:20px;--gap-max-2:40px;--gap-aside:var(--gap-max-2);--col-width:960px;--ui-height:38px;}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}html,body{padding:0;margin:0;font-family:"Roboto Mono",monospace;font-optical-sizing:auto;font-weight:400;font-style:italic;overscroll-behavior:none;background-color:var(--color-2);color:var(--color-1);}body{display:block;position:relative;border:1px solid currentColor;}h1,h2,h3{font-weight:400;&[col]{display:block;margin-left:auto;margin-right:auto;max-width:var(--col-width);padding:var(--gap-max);}}article{h3{display:block;position:relative;font-weight:bold;margin-top:3em;&::before{display:inline-block;content:'> ';height:100%;opacity:.8;margin-right:var(--gap-mid);}}img{display:block;width:100%;border-radius:4px;}}[illustration]{display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;max-width:var(--col-width);padding-left:var(--gap-max);padding-right:var(--gap-max);object{width:100%;object-fit:contain;object-position:center center;}}ul{position:relative;list-style-type:none;padding:0;margin-top:20px;margin-bottom:20px;li{position:relative;display:block;padding:10px;padding-left:30px;border-left:1px solid currentColor;margin-bottom:0;&::before{position:absolute;left:0;top:50%;width:10px;height:1px;border-bottom:1px solid currentColor;content:"";color:currentColor;margin-right:var(--gap-mid);}}}footer{padding-top:var(--gap-max);padding-bottom:var(--gap-max);}[comments]{border-radius:2px;background-color:var(--color-1);padding:var(--gap-mid);margin-top:48px;overflow:hidden;}[pulse-btn]{display:none;}[toolbar]{position:fixed;top:0;left:0;bottom:0;display:block;height:100vh;width:40px;z-index:10000;background-color:var(--color-1);color:var(--color-2);overflow:visible;}[content]{display:block;padding-left:40px;padding-right:320px;container-type:inline-size;h2{margin-bottom:0;padding-bottom:0;}[inner-column]{margin-left:auto;margin-right:auto;max-width:var(--col-width);padding:var(--gap-mid);padding-left:var(--gap-aside);padding-right:var(--gap-aside);}header{&[blog]{display:block;padding-bottom:var(--gap-mid);background-image:url('../svg/border/index.svg');background-repeat:no-repeat;background-position:bottom center;background-size:100%;}[inner-column]{padding-left:calc(var(--gap-aside) - 20px);[header-flex]{display:flex;align-items:center;gap:var(--gap-mid);font-size:1.4em;text-decoration:none !important;color:currentColor !important;}}}section{display:block;article{display:block;font-family:"Roboto",sans-serif;font-style:normal;max-width:var(--col-width);margin:auto;padding-top:var(--gap-max);padding-left:var(--gap-aside);padding-right:var(--gap-aside);a{color:currentColor;}h1{font-size:2em;}h2{margin-top:2em;}em{background-color:rgba(255,255,30,.2);}}}}[pulse]{position:fixed;right:0;top:0;bottom:0;display:block;border-left:1px solid currentColor;height:100vh;overflow:auto;scrollbar-width:none;}[pulse]{a[pulse-prev]{display:block;text-decoration:none;color:var(--color-1);padding:var(--gap-max);padding-bottom:var(--gap-max-2);border-radius:0;width:320px;background-image:url('../svg/border-pulse/index.svg');background-repeat:no-repeat;background-position:bottom left;transition:.2s;&:nth-of-type(2n){background-position-x:-320px;}&:hover{[date]{opacity:1;}}[date]{opacity:.6;font-size:.8em;}}}@media screen and (width < 600px){[comments]{padding:0;}}@media screen and (width < 800px){[content]{padding-right:0;}[pulse]{padding-left:40px;overflow:unset;height:auto;}cards-css{padding:var(--gap-mid);padding-top:var(--gap-mid);card-css{min-width:260px;}}[pulse-btn]{position:fixed;display:flex !important;justify-content:center;align-items:center;top:0;right:0;z-index:10000;height:40px;width:40px;background-color:var(--color-1);color:var(--color-2);cursor:pointer;border-bottom-left-radius:2px;user-select:none;transition:.2s;border:1px solid var(--color-1);&:hover{background-color:var(--color-2);color:var(--color-1);}}[pulse]{position:relative;width:100%;border:none;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--gap-mid);padding:var(--gap-mid);padding-left:40px;padding-bottom:40px;height:auto;min-height:0;[pulse-prev]{border:1px solid currentColor;background-image:none !important;}}}[illustration]{padding:var(--gap-mid);}blockquote{display:inline-block;margin:0;padding:var(--gap-max);border:1px solid currentColor;box-shadow:2px 2px 0 currentColor;font-style:normal;p{margin:0;}}iframe{background-color:var(--color-1);&[code]{display:block;border:none;width:100%;height:600px;border-radius:4px;}}ims-viewer{&[alpha]{*{background-color:var(--color-2);}}}ims-spinner,ims-pano,ims-gallery,ims-diff{--color-slider:rgba(0,0,0,.2);width:100%;height:520px;background-color:#fff;border-radius:4px;&[alpha]{background-color:var(--color-2);}}ims-video{border-radius:4px;overflow:hidden;}.map-container{padding-left:var(--gap-max);padding-right:var(--gap-max);svg{circle{fill:none;stroke:var(--color-1);stroke-width:1px;r:2px;vector-effect:non-scaling-stroke;&[location]{fill:#0f0;stroke-width:20px;stroke:rgba(0,255,0,.4);r:3px;cursor:pointer;}}}}@media screen and (max-width:900px){:root{--gap-aside:var(--gap-max);}}@media screen and (max-width:1200px){layout-css{[content]{header[blog]{background-size:auto;}}}}cards-css{display:flex;flex-wrap:wrap;gap:var(--gap-mid);margin-left:auto;margin-right:auto;max-width:var(--col-width);padding:var(--gap-max);}card-css > *{margin-top:var(--gap-max);}card-css{position:relative;display:block;min-width:320px;flex-basis:0;flex-grow:1;border-radius:2px;padding:20px;color:var(--color-1);background-color:var(--color-2);border:1px solid currentColor;&:before{content:'';position:absolute;top:50%;left:-4px;transform:translateY(-50%);width:3px;height:50%;border:1px solid currentColor;border-right:none;background-color:var(--color-2);}&:after{content:'';position:absolute;top:50%;right:-4px;transform:translateY(-50%);width:3px;height:50%;border:1px solid currentColor;border-left:none;background-color:var(--color-2);}&[accent]{border:1px dashed rgba(0,0,0,.3);&:before{border:1px dashed rgba(0,0,0,.3);border-right:none;}&:after{border:1px dashed rgba(0,0,0,.3);border-left:none;}}h3{margin:0;margin-bottom:.8em;}a{color:currentColor;}}code{color:var(--color-2);background-color:var(--color-1);border-radius:2px;filter:grayscale(.4);}code:not([class]){display:inline-block;padding:.05em;padding-left:.5em;padding-right:.5em;margin-left:.2em;border-bottom:1px solid rgba(0,0,0,.4);}code[class]{display:block;padding:var(--gap-max,20px);color:#fff;overflow:auto;}code .hljs-comment{opacity:.5;font-style:italic;}code .function_{font-style:italic;}code .hljs-string{color:hsl(0deg 85% 74%);}code .hljs-comment{color:hsl(150deg 85% 74%);}code .hljs-attr{color:hsl(300deg 85% 74%);}code .hljs-attribute{color:hsl(450deg 85% 74%);}code .hljs-function{color:hsl(600deg 85% 74%);}code .hljs-variable{color:hsl(750deg 85% 74%);}code .hljs-title{color:hsl(900deg 85% 74%);}code .hljs-property{color:hsl(1050deg 85% 74%);}code .hljs-selector-class{color:hsl(1200deg 85% 74%);}code .hljs-keyword{color:hsl(1350deg 85% 74%);}code .hljs-tag{color:hsl(1500deg 85% 74%);}code .hljs-name{color:hsl(1650deg 85% 74%);}code .hljs-number{color:hsl(1800deg 85% 74%);}code .hljs-params{color:hsl(1950deg 85% 74%);}code .hljs-literal{color:hsl(2100deg 85% 74%);}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24;}toolbar-pro{display:flex;flex-flow:column;justify-content:space-between;height:100%;position:relative;width:40px;border-right:1px solid var(--color-1);z-index:10000;[icon].material-symbols-outlined{display:flex;justify-content:center;align-items:center;height:40px;width:40px;border:0;background-color:var(--color-1);color:var(--color-2);border-bottom:1px solid var(--color-1);border-right:1px solid var(--color-1);cursor:pointer;text-decoration:none;transition:.2s;user-select:none;&:hover{background-color:var(--color-2);color:var(--color-1);}&[up]:not([active]){opacity:.2;pointer-events:none;}}div[panel]{position:absolute;height:100vh;width:240px;top:0;right:-240px;background-color:var(--color-2);color:var(--color-1);border-right:1px solid currentColor;border-left:1px solid currentColor;z-index:10000;transition:.2s;&:not([active]){opacity:0;pointer-events:none;}a{display:flex;height:40px;gap:var(--gap-mid);align-items:center;color:currentColor;text-decoration:none;border-bottom:1px solid var(--color-1);padding-left:6px;padding-right:6px;&:hover{background-color:rgba(255,255,255,.1);}svg{width:24px;height:24px;path{fill:currentColor;}}}}}