@import "https://sakupi01.github.io/sakupi01.com/css/layer.css";@media screen{@layer site{.article-toc{display:none}@media (width>=61rem){.page:has(.article-with-toc){--inner-max-inline-size:calc((var(--base-site-max-width) - 2 * var(--s-space-layout-sm)) * 5 / 3);--aside-max-inline-size:calc(var(--base-site-max-width) / 3);--outer-gutter:max(var(--s-space-gutter-sm), calc((100% - var(--inner-max-inline-size)) / 2));grid-template-columns:[full-start] var(--outer-gutter) [toc-start] minmax(0, 1fr) [toc-end content-start] minmax(0, 3fr) [content-end aside-start] minmax(0, 1fr) [aside-end] var(--outer-gutter) [full-end];max-inline-size:none;padding-inline:0;display:grid;& :is(header,footer){grid-column:content-start/content-end}& main{grid-column:full-start/full-end;grid-template-columns:subgrid;display:grid;& .article-with-toc{gap:var(--s-space-layout-md);grid-column:toc-start/aside-end;grid-template-columns:subgrid;display:grid;& .article-toc{grid-area:1/toc-start/auto/toc-end;padding-block-start:var(--s-space-layout-3xl);display:block}& article{grid-area:1/content-start/auto/content-end}}&>:not(.article-with-toc){grid-column:content-start/content-end}}}[id=table-of-contents]~details:first-of-type{display:none}}article{container:article/inline-size;& ul{padding-inline-start:var(--s-space-gutter-md);list-style-type:"";&>li{position:relative}&>li:before{background-image:var(--image-bullet-list);content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:.6em;inline-size:.6em;position:absolute;inset-block-start:.6em;inset-inline-start:-1em}&>li:nth-child(3n):before{background-image:var(--image-bullet-list-2);background-repeat:no-repeat}&>li:nth-child(3n-1):before{background-image:var(--image-bullet-list-3);background-repeat:no-repeat}}& p:has(baseline-status){background:light-dark(transparent,var(--color-base-lightest));border:var(--s-border-width-base) solid light-dark(var(--color-primary-medium),var(--color-primary-medium));border-radius:var(--s-border-radius-md);color:var(--color-base-darkest);padding:var(--s-space-layout-sm) 2rem .5rem}& aside{--padding-inline:3.5em;--aside-label-color:currentColor;--aside-label-bg:transparent;border-radius:var(--s-border-radius-lg);inline-size:95cqi;margin:var(--s-space-gutter-md) auto;overflow-wrap:anywhere;padding:1em var(--padding-inline);background-repeat:no-repeat;background-size:100% 1px;font-size:.85em;position:relative;overflow:hidden;container:aside/inline-size;& p:first-child{margin:0;font-weight:900}& :last-child{margin-block-end:0}&:before,&:after{background-color:var(--aside-label-bg);box-sizing:border-box;color:var(--aside-label-color);flex-wrap:nowrap;justify-content:center;align-items:center;display:flex;position:absolute}&.memo{--aside-label-color:color-mix(in oklab, var(--s-color-memo-text) 80%, white);background-color:color-mix(in oklab, var(--s-color-memo-bg) 80%, white);&:before,&:after{font-size:clamp(4em,5svb,6em);inset-block:0}&:before{content:"{";padding-inline-start:.2em;inset-inline-start:0}&:after{content:"}";padding-inline-end:.2em;inset-inline-end:0}}&.message{--aside-label-color:var(--s-color-message-text);background-color:color-mix(in oklab, var(--s-color-message-bg) 70%, white);&:before{content:"FYI";block-size:100%;padding-block:.88em;padding-inline:1em;font-style:italic;font-weight:900;inset-block-start:0;inset-inline-start:0}}&.info{--aside-label-color:var(--s-color-surface-base);--aside-label-bg:color-mix(in oklab, var(--s-color-info) 80%, white);background-color:color-mix(in oklab, var(--s-color-info-bg) 80%, white);padding-block-start:2.5em;&:before{content:"INFO";inline-size:100%;padding:.2em;font-style:italic;font-weight:900;inset-block-start:0;inset-inline-start:0}}&.update{--aside-label-color:var(--s-color-surface-base);--aside-label-bg:var(--s-color-text-tertiary);border:1px solid var(--s-color-border-default);padding-block-start:2.5em;&:before{content:"update";padding:.2em .8em;font-style:italic;inset-block-start:0;inset-inline-start:0}}}& h2{&:before{color:var(--p-color-red-500)}}& h3{&:before{color:var(--p-color-lavender-500)}}& :is(h2,h3){&:before{content:"¶";opacity:.2;font-size:2em;position:absolute;transform:translateY(-.2em)translate(-.2em)}}& .rlc-container{--rlc-border-radius:.25rem;--rlc-transition:border-color .2s ease-in-out;background-color:var(--s-color-surface-raised);border:var(--s-border-width-thin) solid var(--s-color-border-subtle);border-radius:var(--rlc-border-radius);color:var(--s-color-text-primary);inline-size:95cqi;margin:var(--s-space-gutter-md) auto;transition:var(--rlc-transition);display:flex;@media (hover:hover){&:hover{border-color:var(--s-color-border-strong)}}& .rlc-info{gap:var(--s-space-gap-3xs);padding:.7rem var(--s-space-layout-sm);flex-direction:column;flex:4 100px;justify-content:space-between;display:flex;overflow:hidden}& .rlc-title,& .rlc-url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .rlc-title{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium)}& .rlc-description,& .rlc-url{color:var(--s-color-text-secondary);font-size:var(--s-font-size-xs)}& .rlc-description{-webkit-line-clamp:2;line-height:var(--s-line-height-base);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& .rlc-url-container{align-items:center;gap:var(--s-space-layout-3xs);flex-wrap:nowrap;display:flex}& .rlc-favicon{block-size:var(--s-icon-size-inline-sm);inline-size:var(--s-icon-size-inline-sm);flex-shrink:0}& .rlc-image-container{border-radius:0 var(--rlc-border-radius) var(--rlc-border-radius) 0;flex:0 0 8rem;overflow:hidden}& .rlc-image{object-fit:cover;block-size:100%;inline-size:100%;display:block}}& #table-of-contents{display:none}& details{inline-size:95cqi;margin-inline:auto;container:details/inline-size;& summary{--offset:.5em;background:var(--s-color-primary);clip-path:polygon(var(--offset) 0, 100% 0, calc(100% - var(--offset)) 100%, 0 100%);column-span:all;font-weight:var(--s-font-weight-bold);align-self:start;margin:0;margin-inline-start:calc(-1 * var(--offset));padding:.3em 1em}&::details-content{background-color:var(--s-color-surface-raised);block-size:0;color:var(--s-color-text-primary);opacity:0;overflow-block:clip;padding:var(--s-space-layout-sm);transition:content-visibility .8s allow-discrete, height .8s allow-discrete, opacity .8s, block-size .8s}&[open]{&::details-content{opacity:1;block-size:auto}}}& pre{border:var(--s-border-width-thin) solid var(--s-color-border-subtle);border-radius:var(--s-border-radius-md);inline-size:95cqi;margin:0 auto var(--s-space-gutter-md) auto;padding:var(--s-space-layout-sm)}& .remark-embed{margin:var(--s-space-gutter-md) auto;flex-wrap:wrap;justify-content:center;max-inline-size:100%;display:flex;&>iframe,&>blockquote,&>.twitter-tweet{max-inline-size:100%;margin-inline:auto}}& .remark-embed--youtube>iframe{aspect-ratio:16/9;block-size:auto;inline-size:min(100%,800px)}& .remark-embed--x>.twitter-tweet,& .remark-embed--x>blockquote{inline-size:100%}& figure{color-scheme:light only;inline-size:95cqi;margin:1em auto;display:table;container:figure/inline-size;&:has(figcaption){border:var(--s-border-width-thin) solid var(--s-color-border-subtle);box-shadow:var(--s-shadow-md);counter-increment:figure;text-align:center;background:#fff;padding:1cqb 1cqi}&>p,& figcaption>p:only-child{display:contents}&>img,&>video,&>table,&>p>img,&>p>video{color-scheme:light only;object-fit:contain;max-block-size:50lvb;inline-size:100cqi}& figcaption{background-color:var(--s-color-surface-overlay);color:var(--s-color-text-primary);font:500 80% var(--s-font-family-base);text-align:start;margin:-1cqb -1cqi 1cqb;padding:.5cqb .5cqi;&:before{content:"Figure " counter(figure) ": ";font-weight:var(--s-font-weight-bold)}}&:has(>:nth-last-child(3),img:nth-of-type(2)){grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid;&>figcaption{grid-column:1/-1}&>:not(figcaption),&>p>img{object-fit:contain;inline-size:100%;min-inline-size:0}&>p>br{display:none}}}}.image-lightbox{color-scheme:light only;background:0 0;border:0;max-block-size:100dvb;max-inline-size:100dvi;padding:0;overflow:visible;&::backdrop{backdrop-filter:blur(4px);background:oklab(0% none none/.8)}&>img{cursor:zoom-out;object-fit:contain;block-size:auto;max-block-size:90dvb;inline-size:auto;max-inline-size:90dvi;display:block}}article>.footnotes .data-footnote-backref{color:var(--p-color-red-500);border-block-end:none;&:before{background-color:var(--p-color-red-500);block-size:var(--s-icon-size-inline-md);content:"";inline-size:var(--s-icon-size-inline-md);mask-image:var(--image-heart-pointing-left);transition:transform var(--s-duration-base);vertical-align:middle;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}@media (hover:hover){&:hover:before{transform:rotate(-15deg)translate(-2px)}}}@supports (anchor-name:--a){@media (width>=61rem){article{anchor-name:--article}article>.footnotes{border:0;block-size:0;margin:0;padding:0;overflow:visible;& h2{display:none}& ol{list-style-type:""}& li{anchor-name:--sidenote;border:var(--s-border-width-base) solid var(--s-color-memo-bg);color:var(--s-color-memo-text);font-size:var(--s-font-size-xs);max-inline-size:calc(var(--aside-max-inline-size) - var(--s-space-gutter-md));padding:var(--s-space-layout-xs) var(--s-space-layout-xs);transition:border-color var(--s-transition-base);position:absolute;inset-block-start:max(anchor(top), calc(anchor(--sidenote bottom, 0%) + var(--s-space-gutter-sm)));inset-inline-start:calc(anchor(--article right));@media (hover:hover){&:hover{border-color:var(--p-color-red-500)}}}}.footnotes li[data-in-details-li]{display:none}article:has(details[open])>.footnotes li[data-in-details-li]{display:list-item}}}@supports (border-shape:circle()){article .footnotes li{--chip-size:var(--s-space-gutter-2xs);--radius:var(--s-border-radius-lg);--chip-y:calc(var(--radius) + var(--chip-size) * 2);border-shape:shape(from calc(var(--chip-size) + var(--radius)) 0, hline to calc(100% - var(--radius)), curve to 100% var(--radius) with 100% 0, vline to calc(100% - var(--radius)), curve to calc(100% - var(--radius)) 100% with 100% 100%, hline to calc(var(--chip-size) + var(--radius)), curve to var(--chip-size) calc(100% - var(--radius)) with var(--chip-size) 100%, vline to calc(var(--chip-y) + var(--chip-size)), line to 0 var(--chip-y), line to var(--chip-size) calc(var(--chip-y) - var(--chip-size)), vline to var(--radius), curve to calc(var(--chip-size) + var(--radius)) 0 with var(--chip-size) 0, close);padding-inline-start:calc(var(--s-space-gutter-xs) + var(--chip-size))}}}}.hero-section[data-astro-cid-y2njkxeq]{margin-block-end:var(--s-space-gutter-lg)}.dates[data-astro-cid-y2njkxeq]{gap:var(--s-space-gap-sm);grid-template-rows:1fr;grid-template-columns:auto auto 1fr;margin-block-end:var(--s-space-gutter-sm);display:grid;& .published{color:var(--s-color-text-primary);font-weight:var(--s-font-weight-normal)}}.excerpt[data-astro-cid-y2njkxeq]{margin-block:0 var(--s-space-gutter-sm);text-wrap:pretty}.giscus-container[data-astro-cid-5ukdginb]{font-size:var(--s-font-size-sm);margin-block:var(--s-space-gutter-xl);padding-block-start:var(--s-space-layout-lg)}ul[data-astro-cid-e2rqhpi3]{--grid-item-max-width:max-content;--grid-item-min-width:4em;--grid-gap:var(--s-space-gap-xs);place-items:center;margin-block-start:var(--s-space-gap-md);& li{& a{border-block-end:none;@media (hover:hover){&:hover{transform:rotate(-10deg)}}}}}.tags[data-astro-cid-e2rqhpi3]{color:var(--p-color-lavender-500)}.toc-sidebar[data-astro-cid-p33bl5ka]{margin-block:var(--s-space-gutter-sm);max-block-size:calc(100lvb - var(--s-space-gutter-xl) * 2);position:sticky;inset-block-start:var(--s-space-gutter-xl)}.toc-sidebar__list[data-astro-cid-p33bl5ka]{scroll-target-group:auto}.toc-sidebar__item[data-astro-cid-p33bl5ka] a[data-astro-cid-p33bl5ka]{color:var(--s-color-text-secondary);font-size:var(--s-font-size-xs);line-height:var(--s-line-height-relaxed);padding-inline-start:var(--s-space-gutter-xs);text-decoration:none;transition:color .2s;display:block;position:relative}.toc-sidebar__item--depth-3[data-astro-cid-p33bl5ka] a[data-astro-cid-p33bl5ka]{padding-inline-start:var(--s-space-gutter-md)}.toc-sidebar__item--depth-4[data-astro-cid-p33bl5ka] a[data-astro-cid-p33bl5ka]{padding-inline-start:var(--s-space-gutter-lg)}@media (hover:hover){.toc-sidebar__item[data-astro-cid-p33bl5ka] a[data-astro-cid-p33bl5ka]:hover{color:var(--s-color-text-primary)}}.toc-sidebar__item[data-astro-cid-p33bl5ka] a[data-astro-cid-p33bl5ka][aria-current]{color:var(--s-color-primary);font-weight:var(--s-font-weight-semibold)}.toc-sidebar__item[data-astro-cid-p33bl5ka] a[data-astro-cid-p33bl5ka][aria-current]:before{background-color:var(--s-color-primary);content:"";block-size:1em;inline-size:1em;mask:var(--image-petal) no-repeat center / contain;animation:.35s ease-out both toc-marker-in;display:block;position:absolute;inset-block-start:50%;inset-inline-start:0;transform:translate(-50%,-50%)}@keyframes toc-marker-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-45deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}