@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) * 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) );display:grid;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;:is(header,footer){grid-column:content-start / content-end}main{display:grid;grid-column:full-start / full-end;grid-template-columns:subgrid;.article-with-toc{display:grid;gap:var(--s-space-layout-md);grid-column:toc-start / aside-end;grid-template-columns:subgrid;.article-toc{display:block;grid-column:toc-start / toc-end;grid-row:1;padding-block-start:var(--s-space-layout-3xl)}article{grid-column:content-start / content-end;grid-row:1}}>: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{list-style-type:"";padding-inline-start:1.75em;li{position:relative}li:before{background-image:var(--image-bullet-list);background-position:center;background-repeat:no-repeat;background-size:contain;block-size:.8em;content:"";inline-size:.8em;inset-block-start:.25em;inset-inline-start:-1.5em;position:absolute}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;background-repeat:no-repeat;background-size:100% 1px;border-radius:var(--s-border-radius-lg);container:aside / inline-size;font-size:.85em;inline-size:95cqi;margin:var(--s-space-gutter-md) auto;overflow:hidden;overflow-wrap:anywhere;padding:1em var(--padding-inline);position:relative;p:first-child{font-weight:900;margin:0}:last-child{margin-block-end:0}&:before,&:after{align-items:center;background-color:var(--aside-label-bg);box-sizing:border-box;color:var(--aside-label-color);display:flex;flex-wrap:nowrap;justify-content:center;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:"{";inset-inline-start:0;padding-inline-start:.2em}&:after{content:"}";inset-inline-end:0;padding-inline-end:.2em}}&.message{--aside-label-color: var(--s-color-message-text);background-color:color-mix(in oklab,var(--s-color-message-bg) 70%,white);&:before{block-size:100%;content:"FYI";font-style:italic;font-weight:900;inset-block-start:0;inset-inline-start:0;padding-block:.88em;padding-inline:1em}}&.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";font-style:italic;font-weight:900;inline-size:100%;inset-block-start:0;inset-inline-start:0;padding:.2em}}}h2{&:before{color:var(--p-color-red-500)}}h3{&:before{color:var(--p-color-lavender-500)}}:is(h2,h3){&:before{content:"¶";font-size:2em;opacity:.2;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);display:flex;inline-size:95cqi;margin:var(--s-space-gutter-md) auto;transition:var(--rlc-transition);@media (hover: hover){&:hover{border-color:var(--s-color-border-strong)}}.rlc-info{display:flex;flex:4 1 100px;flex-direction:column;gap:var(--s-space-gap-3xs);justify-content:space-between;overflow:hidden;padding:.7rem var(--s-space-layout-sm)}.rlc-title,.rlc-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:var(--s-line-height-base);overflow:hidden}.rlc-url-container{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--s-space-layout-3xs)}.rlc-favicon{block-size:var(--s-icon-size-inline-sm);flex-shrink:0;inline-size:var(--s-icon-size-inline-sm)}.rlc-image-container{border-radius:0 var(--rlc-border-radius) var(--rlc-border-radius) 0;flex:0 0 8rem;overflow:hidden}.rlc-image{block-size:100%;display:block;inline-size:100%;object-fit:cover}}#table-of-contents{display:none}details{inline-size:95cqi;margin-inline:auto;summary{--offset: .5em;align-self:start;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);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{block-size:auto;opacity:1}}}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)}figure{color-scheme:light only;container:figure / inline-size;display:table;inline-size:95cqi;margin:1em auto;&:has(figcaption){background:#fff;border:var(--s-border-width-thin) solid var(--s-color-border-subtle);box-shadow:var(--s-shadow-md);counter-increment:figure;padding:1cqb 1cqi;text-align:center}>p,figcaption>p:only-child{display:contents}>img,>video,>table,>p>img,>p>video{color-scheme:light only;inline-size:100cqi;max-block-size:50lvb;object-fit:contain}figcaption{background-color:var(--s-color-surface-overlay);color:var(--s-color-text-primary);font:500 80% var(--s-font-family-base);margin:-1cqb -1cqi 1cqb;padding:.5cqb .5cqi;text-align:start;&:before{content:"Figure " counter(figure) ": ";font-weight:var(--s-font-weight-bold)}}&:has(>:nth-last-child(3),img:nth-of-type(2)){align-items:start;display:flex;flex-wrap:wrap;gap:.5rem;>:not(figcaption),>p>img{flex:1;inline-size:calc(50cqi - .25rem);min-inline-size:0;object-fit:contain}>figcaption{box-sizing:content-box;flex-basis:100%}}}}@supports (anchor-name: --a){@media (width >= 61rem){article{anchor-name:--article}article>.footnotes{block-size:0;border:0;margin:0;overflow:visible;padding:0;h2{display:none}ol{list-style-type:""}.data-footnote-backref{border-block-end:none;color:var(--p-color-red-500);&:before{background-color:var(--p-color-red-500);block-size:var(--s-icon-size-inline-md);content:"";display:inline-block;inline-size:var(--s-icon-size-inline-md);mask-image:var(--image-heart-pointing-left);mask-position:center;mask-repeat:no-repeat;mask-size:contain;transition:transform var(--s-duration-base);vertical-align:middle}}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);inset-block-start:max(anchor(top),calc(anchor(--sidenote bottom,0%) + var(--s-space-gutter-sm)));inset-inline-start:anchor(--article right);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);position:absolute;transition:border-color var(--s-transition-base);@media (hover: hover){&:hover{border-color:var(--p-color-red-500)}&:hover .data-footnote-backref:before{transform:rotate(-15deg) translate(-2px)}}}}}}@supports (border-shape: circle()){article .footnotes li{--chip-size: var(--s-space-gutter-2xs);--radius: var(--s-border-radius-lg);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(50% + var(--chip-size)),line to 0 50%,line to var(--chip-size) calc(50% - 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-gj2652wd]{margin-block-end:var(--s-space-gutter-lg)}.dates[data-astro-cid-gj2652wd]{display:grid;gap:var(--s-space-gap-sm);grid-template-columns:auto auto 1fr;grid-template-rows:1fr;margin-block-end:var(--s-space-gutter-sm);.published{color:var(--s-color-text-primary);font-weight:var(--s-font-weight-normal)}}.excerpt[data-astro-cid-gj2652wd]{margin-block:0 var(--s-space-gutter-sm);text-wrap:pretty}.giscus-container[data-astro-cid-an2nl7ar]{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-5grsw2hi]{--grid-item-max-width: max-content;--grid-item-min-width: 4em;--grid-gap: var(--s-space-gap-xs);margin-block-start:var(--s-space-gap-md);place-items:center;li{a{border-block-end:none;@media (hover: hover){&:hover{transform:rotate(-10deg)}}}}}.tags[data-astro-cid-5grsw2hi]{color:var(--p-color-lavender-500)}.toc-sidebar[data-astro-cid-xvrfupwn]{inset-block-start:var(--s-space-gutter-xl);margin-block:var(--s-space-gutter-sm);max-block-size:calc(100lvb - var(--s-space-gutter-xl) * 2);position:sticky}.toc-sidebar__list[data-astro-cid-xvrfupwn]{scroll-target-group:auto}.toc-sidebar__item[data-astro-cid-xvrfupwn] a[data-astro-cid-xvrfupwn]{color:var(--s-color-text-secondary);display:block;font-size:var(--s-font-size-xs);line-height:var(--s-line-height-relaxed);padding-inline-start:var(--s-space-gutter-xs);position:relative;text-decoration:none;transition:color .2s}.toc-sidebar__item--depth-3[data-astro-cid-xvrfupwn] a[data-astro-cid-xvrfupwn]{padding-inline-start:var(--s-space-gutter-md)}@media (hover: hover){.toc-sidebar__item[data-astro-cid-xvrfupwn] a[data-astro-cid-xvrfupwn]:hover{color:var(--s-color-text-primary)}}.toc-sidebar__item[data-astro-cid-xvrfupwn] a[data-astro-cid-xvrfupwn][aria-current]{color:var(--s-color-primary);font-weight:var(--s-font-weight-semibold)}.toc-sidebar__item[data-astro-cid-xvrfupwn] a[data-astro-cid-xvrfupwn][aria-current]:before{animation:toc-marker-in .35s ease-out both;background-color:var(--s-color-primary);block-size:1em;content:"";display:block;inline-size:1em;inset-block-start:50%;inset-inline-start:0;mask:var(--image-petal) no-repeat center / contain;position:absolute;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)}}