.blog-root{letter-spacing:.08em;-webkit-font-smoothing:antialiased;color:#0f151a;min-height:100vh;font-family:游ゴシック,Yu Gothic,YuGothic,sans-serif;line-height:1.5}:where(.blog-root) *{line-height:inherit}:where(.blog-root) figure{color:#999;margin:0;font-size:.85rem;line-height:1.8rem}:where(.blog-root) a{word-break:break-word;text-decoration:none}:where(.blog-root) .link-underline,:where(.blog-root) footer li a:not([class*=rounded]),:where(.blog-root) nav a:not([class*=flex]):not([class*=rounded]){display:inline-block;position:relative}:where(.blog-root) .link-underline:after,:where(.blog-root) footer li a:not([class*=rounded]):after,:where(.blog-root) nav a:not([class*=flex]):not([class*=rounded]):after{content:"";background-color:currentColor;width:0;height:1px;transition:width .3s ease-in-out;position:absolute;bottom:-1px;left:0}:where(.blog-root) .link-underline:hover:after,:where(.blog-root) footer li a:not([class*=rounded]):hover:after,:where(.blog-root) nav a:not([class*=flex]):not([class*=rounded]):hover:after{width:100%}:where(.blog-root) mark{padding:var(--gap-quarter);border-radius:var(--radius);background:#f7d4ffcc}:where(.blog-root) h1{margin:0;font-size:2rem;font-weight:700}:where(.blog-root) h2{margin:0;font-size:1.2rem;font-weight:400;line-height:1.3}:where(.blog-root) h2>span.tag{background:#e3e2e080;border-radius:4px;padding:3px 9px}:where(.blog-root) h3{margin:0;font-size:1.2rem;font-weight:700}:where(.blog-root) .youtube-embed-wrapper{width:90%;margin:1rem auto}:where(.blog-root) .youtube-embed-container{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}:where(.blog-root) .youtube-embed-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=640px){.blog-root{letter-spacing:.1em}:where(.blog-root) h1{font-size:1.6rem}:where(.blog-root) h2,:where(.blog-root) h3{font-size:1.15rem}}:where(.blog-root) ol{color:#0f151a;font-size:.9rem;font-weight:400;line-height:1.8rem}:where(.blog-root) p,:where(.blog-root) ul{color:#0f151a;font-size:1rem;font-weight:400;line-height:1.8rem}:where(.blog-root) pre{white-space:pre;tab-size:2;margin:0}:where(.blog-root) pre code{-webkit-overflow-scrolling:touch;overflow:auto}:where(.blog-root) hr{background-color:#333;border:0;border-top:1px solid #e5e7eb;height:1px;margin:.3rem 0;display:block}:where(.blog-root) code{border-radius:var(--radius);font-size:.9rem;font-family:var(--font-mono);padding:.25rem}:where(.blog-root) table{color:#0f151a;border-collapse:collapse;white-space:nowrap;margin:0 auto}:where(.blog-root) table tr{vertical-align:middle}:where(.blog-root) table th{background-color:#f4f4f4;font-weight:600}:where(.blog-root) table td,:where(.blog-root) table th{border:1px solid #e5e7eb;padding:.5em 1em}:where(.blog-root) details{cursor:pointer;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem .75rem .5rem;transition:background-color .2s}:where(.blog-root) details:hover{background-color:#f3f4f6}:where(.blog-root) details[open]{background-color:#f7fafc;padding-bottom:1rem}:where(.blog-root) summary{cursor:pointer;margin-bottom:.5rem;padding-left:20px;list-style:none;display:block;position:relative}:where(.blog-root) summary::-webkit-details-marker{display:none}:where(.blog-root) summary::marker{display:none}:where(.blog-root) summary>a{display:inline}:where(.blog-root) details>div{margin-left:1em}:where(.blog-root) summary:after,:where(.blog-root) summary:before{content:"";margin:auto;position:absolute;top:0;bottom:0;left:0}:where(.blog-root) summary:after{box-sizing:border-box;border:5px solid #0000;border-left:9px solid #333;width:10px;height:10px;transition:all .1s;top:3px;left:5px}:where(.blog-root) details[open] summary:after{top:8px;left:4px;transform:rotate(90deg)}:where(.blog-root) .notion-callout li,:where(.blog-root) .notion-callout p,:where(.blog-root) details li,:where(.blog-root) details p,:where(.blog-root) summary{line-height:1.6!important}:where(.blog-root) .notion-callout hr{margin-top:.5rem;margin-bottom:.5rem}:where(.blog-root) em{font-size:14px!important}:where(.blog-root) figcaption p{color:#999;margin-top:.2rem!important;font-size:.85rem!important}:where(.blog-root) strong{background-color:#fff6bd;border-radius:.2rem;padding:0 .3rem .1rem;font-weight:600}:where(.blog-root) h2 strong,:where(.blog-root) h3 strong{font-weight:600}:where(.blog-root) .notion-callout strong,:where(.blog-root) details strong,:where(.blog-root) li strong,:where(.blog-root) table strong{background-color:#0000;border-radius:0;padding:0}:where(.blog-root) details[open] img{max-width:90%!important}:where(.blog-root) details[open] summary{margin-bottom:1rem}:where(.blog-root) details[open]>*+*{margin-top:1rem}:where(.blog-root) summary p{font-weight:600}:where(.blog-root) .twitter-tweet.twitter-tweet-rendered{margin:0 auto}:where(.blog-root) .toc-link{text-decoration:none;display:inline-block;position:relative}:where(.blog-root) .toc-link:after{content:"";background-color:currentColor;width:0;height:1px;transition:width .3s ease-in-out;position:absolute;bottom:-2px;left:0}:where(.blog-root) .toc-link:hover:after{width:100%}:where(.blog-root) #post-body a[href^=http]:after,:where(.blog-root) #post-qa a[href^=http]:after{content:" ↗";vertical-align:.18em;font-size:.75em}:where(.blog-root) #post-qa a,:where(.blog-root) .article-link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;padding-bottom:1px;transition:all .3s ease-in-out}@keyframes article-underline-redraw{0%{background-position:100% 100%;background-size:100% 1px}10%{background-position:100% 100%;background-size:0 1px}21%{background-position:0 100%;background-size:0 1px}to{background-position:0 100%;background-size:100% 1px}}:where(.blog-root) #post-qa a:hover,:where(.blog-root) .article-link:hover{animation:.5s forwards article-underline-redraw}:where(.blog-root) .answer-content code{font-weight:600;background:#ddd!important;border-radius:.3rem!important;margin:0 .2rem!important;padding:0 .4rem .1rem .5rem!important;font-size:.9rem!important}:where(.blog-root) .answer-content a{color:#2563eb;text-decoration:none}:where(.blog-root) .answer-content a:hover{text-decoration:underline}:where(.blog-root) .table-of-contents li a{color:#0f151a;letter-spacing:.01em;margin-bottom:.1rem;line-height:1.5rem;display:block}:where(.blog-root) .table-of-contents li a:hover{background:#f3f4f6!important}:where(.blog-root) .table-of-contents li a.indent-0{padding-left:.5rem;line-height:1.4rem!important}:where(.blog-root) .table-of-contents li a.indent-1{text-indent:0;padding-left:1.5rem;line-height:1.4rem!important}:where(.blog-root) .table-of-contents li a.indent-2{padding-left:2.5rem}:where(.blog-root) .token.cdata,:where(.blog-root) .token.comment,:where(.blog-root) .token.doctype,:where(.blog-root) .token.prolog{color:#708090}:where(.blog-root) .token.namespace{opacity:.7}:where(.blog-root) .token.attr-value,:where(.blog-root) .token.string{color:#690}:where(.blog-root) .token.punctuation{color:#999}:where(.blog-root) .token.operator{color:#9a6e3a}:where(.blog-root) .token.boolean,:where(.blog-root) .token.constant,:where(.blog-root) .token.entity,:where(.blog-root) .token.number,:where(.blog-root) .token.property,:where(.blog-root) .token.regex,:where(.blog-root) .token.symbol,:where(.blog-root) .token.url,:where(.blog-root) .token.variable{color:#905}:where(.blog-root) .token.atrule,:where(.blog-root) .token.attr-name,:where(.blog-root) .token.keyword{color:#07a}:where(.blog-root) .token.function{color:#dd4a68}:where(.blog-root) .token.selector,:where(.blog-root) .token.tag{color:#00009f}:where(.blog-root) .token.bold,:where(.blog-root) .token.important{font-weight:700}:where(.blog-root) .token.italic{font-style:italic}