.blog-root{letter-spacing:.05em;-webkit-font-smoothing:antialiased;color:#0f151a;min-height:100vh;font-family:YuGothic,Yu Gothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,游ゴシック体,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.9}:where(.blog-root) *{line-height:inherit}.blog-grid{background-color:#f4f4f5;background-image:linear-gradient(90deg,#0f151a0f 1px,#0000 0),linear-gradient(#0f151a0f 1px,#0000 0);background-position:top;background-size:24px 24px}.blog-root .blog-panel{--tw-border-opacity:1;border-width:1px;border-color:rgb(15 21 26/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:2rem 1.5rem}@media (width>=768px){.blog-root .blog-panel{padding:2.5rem}}.blog-root .blog-band{--tw-border-opacity:1;border-width:1px;border-color:rgb(15 21 26/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));letter-spacing:.05em;padding:.375rem .75rem;font-size:18px;font-weight:700;line-height:1.4;display:inline-block}@media (width>=768px){.blog-root .blog-band{padding:.5rem 1rem;font-size:22px}}.blog-root .blog-heading{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(15 21 26/var(--tw-border-opacity,1));letter-spacing:.05em;padding-bottom:.75rem;font-size:20px;font-weight:700;line-height:1.5;display:block}@media (width>=768px){.blog-root .blog-heading{font-size:22px}}.blog-root .blog-heading-sm{letter-spacing:.05em;padding-left:1rem;font-size:16px;font-weight:700;line-height:1.6;position:relative}@media (width>=768px){.blog-root .blog-heading-sm{font-size:17px}}.blog-root .blog-heading-sm:before{content:"";--tw-bg-opacity:1;background-color:rgb(15 21 26/var(--tw-bg-opacity,1));width:3px;position:absolute;top:.2em;bottom:.2em;left:0}.blog-root .blog-button{--tw-border-opacity:1;border-width:1px;border-color:rgb(15 21 26/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));letter-spacing:.08em;--tw-text-opacity:1;min-width:226px;min-height:58px;color:rgb(15 21 26/var(--tw-text-opacity,1));justify-content:space-between;align-items:center;gap:2rem;padding-left:1.5rem;padding-right:1.25rem;font-size:14px;font-weight:700;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-root .blog-button--black,.blog-root .blog-button:hover{--tw-bg-opacity:1;background-color:rgb(15 21 26/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-root .blog-button--black:hover{--tw-bg-opacity:1;background-color:rgb(27 39 49/var(--tw-bg-opacity,1))}.blog-root .blog-button--line{border-color:rgb(6 199 85/var(--tw-border-opacity,1));background-color:rgb(6 199 85/var(--tw-bg-opacity,1))}.blog-root .blog-button--line,.blog-root .blog-button--line:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-root .blog-button--line:hover{border-color:rgb(5 179 76/var(--tw-border-opacity,1));background-color:rgb(5 179 76/var(--tw-bg-opacity,1))}.blog-root .blog-button:after{content:"";background-color:currentColor;flex-shrink:0;width:16px;height:16px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15.75 7.47a.75.75 0 0 1 0 1.06l-7.07 7.07-1.06-1.06 5.79-5.79H0v-1.5h13.41L7.62 1.46 8.68.4l7.07 7.07Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15.75 7.47a.75.75 0 0 1 0 1.06l-7.07 7.07-1.06-1.06 5.79-5.79H0v-1.5h13.41L7.62 1.46 8.68.4l7.07 7.07Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.blog-root .blog-list{flex-direction:column;row-gap:.5rem;display:flex}.blog-root .blog-list>li{padding-left:1.25rem;position:relative}.blog-root .blog-list>li:before{content:"";--tw-bg-opacity:1;background-color:rgb(15 21 26/var(--tw-bg-opacity,1));width:6px;height:6px;position:absolute;top:.85em;left:0}: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:#0f151a14}:where(.blog-root) h1{letter-spacing:.05em;margin:0;font-size:1.75rem;font-weight:700;line-height:1.5}:where(.blog-root) h2{letter-spacing:.05em;margin:0;font-size:1.2rem;font-weight:700;line-height:1.4}:where(.blog-root) h2>span.tag{background:#e3e2e080;border-radius:4px;padding:3px 9px}:where(.blog-root) h3{letter-spacing:.05em;margin:0;font-size:1.1rem;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){:where(.blog-root) h1{font-size:1.4rem}:where(.blog-root) h2{font-size:1.1rem}:where(.blog-root) h3{font-size:1.05rem}}:where(.blog-root) ol,:where(.blog-root) p,:where(.blog-root) ul{color:#0f151a;font-size:.9375rem;font-weight:400;line-height:1.9}@media (width>=768px){:where(.blog-root) ol,:where(.blog-root) p,:where(.blog-root) ul{font-size:1rem}}:where(.blog-root) #post-body ul{list-style-type:square}: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:#cfd0d1;border:0;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:#f3f3f4;font-weight:700}:where(.blog-root) table td,:where(.blog-root) table th{border:1px solid #cfd0d1;padding:.5em 1em}:where(.blog-root) details{cursor:pointer;background-color:#fff;border:1px solid #0f151a;border-radius:0;padding:.75rem 1rem .5rem;transition:background-color .2s}:where(.blog-root) details:hover{background-color:#f3f3f4}:where(.blog-root) details[open]{background-color:#f3f3f4;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 #0f151a;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) h1 strong,:where(.blog-root) h2 strong,:where(.blog-root) h3 strong{background-color:#0000;border-radius:0;padding:0;font-weight:700}: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{border:1px solid #cfd0d1;font-weight:600;background:#f3f3f4!important;border-radius:0!important;margin:0 .2rem!important;padding:0 .4rem .1rem .5rem!important;font-size:.9rem!important}:where(.blog-root) .answer-content a{color:#0f151a;text-underline-offset:3px;text-decoration:underline}:where(.blog-root) .answer-content a:hover{text-decoration:none}: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:#f3f3f4!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}:where(.blog-root) .list-square{list-style-type:square}