:root{--font-main:"Noto Sans JP", sans-serif;--font-title:"LINE Seed JP", sans-serif;--font-sub:"JetBrains Mono", monospace;--font-size-mut-title-l:clamp(1.35rem, 2.2vw + .9rem, 2rem);--font-size-mut-title-m:clamp(1.15rem, 1.2vw + .9rem, 1.5rem);--font-size-mut-txt-m:clamp(.875rem, .4vw + .8rem, 1rem);--font-size-mut-txt-s:clamp(.75rem, .3vw + .7rem, .85rem);--h-header:4rem;--w-min-content:300px;--w-max-content:920px;--h-footer:4.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--spacing-gap-nav:1.25rem;--duration-common:.2s cubic-bezier(.4, 0, .2, 1);--media-width:768px;--theme-icon:url(/img/icon/light.svg);--clr-bg-main:#f8fafc;--clr-bg-surface:#fff;--clr-bg-subtle:#f1f5f9;--clr-txt-main:#0f172a;--clr-txt-sub:#64748b;--clr-border:#e2e8f0;--clr-border-active:#94a3b8;--clr-footer:#64748b;--clr-shadow:#0f172a0f}:root[data-theme=light]{--theme-icon:url(/img/icon/light.svg);--clr-bg-main:#f8fafc;--clr-bg-surface:#fff;--clr-bg-subtle:#f1f5f9;--clr-txt-main:#0f172a;--clr-txt-sub:#64748b;--clr-border:#e2e8f0;--clr-border-active:#94a3b8;--clr-footer:#64748b;--clr-shadow:#0f172a0f}:root[data-theme=dark]{--theme-icon:url(/img/icon/dark.svg);--clr-bg-main:#0b0f19;--clr-bg-surface:#111827;--clr-bg-subtle:#1e293b;--clr-txt-main:#f1f5f9;--clr-txt-sub:#94a3b8;--clr-border:#1e293b;--clr-border-active:#475569;--clr-footer:#64748b;--clr-shadow:#00000059}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-main);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-style:normal;font-weight:400;line-height:1.7}body{background-color:var(--clr-bg-main);color:var(--clr-txt-main);transition:background-color .25s,color .25s;position:relative}img,picture,video,canvas,svg{max-width:100%;height:auto;color:var(--clr-txt-main);display:block}li{list-style:none}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;appearance:none;background-color:#0000;border:none;outline:none}.contents{width:100%;min-height:calc(100vh - var(--h-footer));padding:calc(var(--h-header) + 2.5rem) 1.5rem 4rem}.contents.center{align-items:flex-start}main{width:100%;min-width:var(--w-min-content);max-width:var(--w-max-content)}.center{justify-content:center;align-items:center;display:flex}.title{font-family:var(--font-title)}.sub{font-family:var(--font-sub);color:var(--clr-txt-sub);font-weight:400}.expressive-code{margin:1.5rem 0}.expressive-code .code-icon{aspect-ratio:1;width:1rem}.expressive-code .code-title{align-items:center;gap:.5rem;display:flex}@media (width<=640px){.contents{padding:calc(var(--h-header) + 1.5rem) 1rem 3rem}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}footer[data-astro-cid-vicfznee]{height:var(--h-footer);border-top:1px solid var(--clr-border);font-family:var(--font-sub);font-size:var(--font-size-mut-txt-s);color:var(--clr-footer);transition:border-color var(--duration-common);padding:0 1.5rem}.footer-inner[data-astro-cid-vicfznee]{width:100%;max-width:var(--w-max-content);justify-content:center;align-items:center;display:flex}p[data-astro-cid-vicfznee]{text-align:center}a[data-astro-cid-vicfznee]:link,a[data-astro-cid-vicfznee]:visited{color:var(--clr-txt-sub);text-underline-offset:3px;transition:color var(--duration-common);text-decoration:underline}a[data-astro-cid-vicfznee]:hover{color:var(--clr-txt-main)}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}header[data-astro-cid-5ndpk5hw]{z-index:10;width:100%;height:var(--h-header);font-family:var(--font-title);background-color:rgb(from var(--clr-bg-main) r g b / .82);-webkit-backdrop-filter:blur(16px);transition:background-color var(--duration-common), border-color var(--duration-common), box-shadow var(--duration-common);border-bottom:1px solid #0000;padding:0 1.5rem;font-weight:700;position:fixed;top:0;left:0;box-shadow:0 0 #0000}header[data-astro-cid-5ndpk5hw].is-scrolled{border-bottom-color:var(--clr-border);box-shadow:0 4px 16px var(--clr-shadow)}h1[data-astro-cid-5ndpk5hw]{letter-spacing:-.02em;transition:opacity var(--duration-common);font-size:1.25rem;font-weight:800}h1[data-astro-cid-5ndpk5hw]:hover{opacity:.75}.header-container[data-astro-cid-5ndpk5hw]{width:100%;max-width:var(--w-max-content);justify-content:space-between;align-items:center;gap:1rem;display:flex}nav[data-astro-cid-5ndpk5hw]{height:var(--h-header);font-family:var(--font-sub);align-items:center;gap:1rem;font-size:.9rem;font-weight:400;display:flex}nav[data-astro-cid-5ndpk5hw] ul[data-astro-cid-5ndpk5hw]{align-items:center;gap:.25rem;display:flex}.nav-link[data-astro-cid-5ndpk5hw]{border-radius:var(--radius-sm);color:var(--clr-txt-sub);transition:color var(--duration-common), background-color var(--duration-common);padding:.35rem .65rem;display:inline-block}.nav-link[data-astro-cid-5ndpk5hw]:hover{color:var(--clr-txt-main);background-color:var(--clr-bg-subtle)}.theme-btn[data-astro-cid-5ndpk5hw]{border-radius:var(--radius-sm);border:1px solid var(--clr-border);background-color:var(--clr-bg-surface);width:2.25rem;height:2.25rem;transition:border-color var(--duration-common), background-color var(--duration-common)}.theme-btn[data-astro-cid-5ndpk5hw]:hover{border-color:var(--clr-border-active);background-color:var(--clr-bg-subtle)}.theme-icon[data-astro-cid-5ndpk5hw]{width:1.15rem;height:1.15rem;mask:var(--theme-icon) no-repeat center / contain;background-color:var(--clr-txt-main);transition:background-color var(--duration-common);display:inline-block}@media (width<=640px){header[data-astro-cid-5ndpk5hw]{padding:0 1rem}h1[data-astro-cid-5ndpk5hw]{font-size:1.1rem}nav[data-astro-cid-5ndpk5hw]{gap:.4rem;font-size:.8rem}nav[data-astro-cid-5ndpk5hw] ul[data-astro-cid-5ndpk5hw]{gap:.1rem}.nav-link[data-astro-cid-5ndpk5hw]{padding:.25rem .45rem}}
