.md-content{.link-card-root{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;width:100%}.link-card{display:grid;grid-template-columns:1.25fr 3fr;grid-template-rows:1fr;height:150px;width:100%;max-width:950px;border:1px solid var(--black-light-light);overflow:hidden;text-decoration:none;opacity:1;background-color:#fffc;backdrop-filter:blur(5px);&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1;opacity:0;transition:all .3s ease}&:hover{&:after{opacity:.5}}}.link-card-icon{grid-area:1 / 1 / 2 / 2;position:relative;display:flex;justify-content:flex-start;align-items:center;.link-card-ogp{position:absolute;top:0;right:0;height:150px;width:120%;max-width:fit-content;object-fit:cover;object-position:center;transform-origin:right top 0;z-index:1}.ogp-visible-box{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color);transform-origin:right top 0;transform:rotate(var(--angleDegree));z-index:0;overflow:hidden}}.link-card-right{grid-area:1 / 2 / 2 / 3;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:0;text-decoration:none;transform:translate(-4%);.link-card-title{color:var(--black-main);font-size:20px;margin:0}.link-card-description{color:var(--black-light);font-size:16px;margin:0}}& h2{position:relative;color:#fff;margin:40px 20px 20px;padding:5px;z-index:1;&:before{content:"";display:block;position:absolute;inset:0 -5px;z-index:-1;background:var(--blue-main);transform:skew(-35.4deg);box-shadow:10px 10px 0 3px #fff}}& h3{color:#000;position:relative;padding:0 35px;margin:20px 0;border-bottom:2px solid var(--black-light);&:before{content:"";position:absolute;top:18px;display:inline-block;width:30px;border-bottom:2px solid var(--blue-main);transform:rotate(-54.6deg);left:-7px}&:after{position:absolute;content:" ";border-bottom:solid 4px var(--blue-main);bottom:-4px;width:10%;display:block;left:0}}& h4{color:#000;position:relative;padding:0 25px;margin:20px 0;&:before{content:"";position:absolute;top:11px;display:inline-block;width:30px;border-bottom:2px solid var(--blue-main);transform:rotate(-54.6deg);left:-7px}&:after{content:"";position:absolute;top:11px;display:inline-block;width:30px;border-bottom:2px solid var(--blue-main);transform:rotate(-54.6deg)}}& img{height:auto;width:auto;border-style:none;max-width:85%;max-height:100vh;box-sizing:content-box;display:flex;margin-left:auto;margin-right:auto}& p{margin:0 0 20px}& table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums;margin-left:auto;margin-right:auto}& td,th{padding:0}.markdown-body table th{font-weight:600}& table th,table td{padding:6px 13px;border:1px solid #d1d9e0}& table td>:last-child{margin-bottom:0}& table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}& table tr:nth-child(2n){background-color:#f6f8fa}& table img{background-color:transparent}& blockquote{margin:0;padding:0 1em;color:#59636e;border-left:.25em solid #d1d9e0}>p>code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:#818b981f;border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}}@media (max-width: 630px){.katex{font-size:1em}.katex-display{overflow:auto hidden}.md-content{font-size:15px!important;.link-card{height:100px}.link-card-ogp{height:100px!important}.link-card-right{.link-card-title{font-size:14px}.link-card-description{font-size:12px}}& h2{font-size:18px}& h3{font-size:18px;&:before{content:"";position:absolute;top:17px;display:inline-block;width:30px;border-bottom:2px solid var(--blue-main);transform:rotate(-54.6deg);left:-7px}}}}.md-content div.info,.md-content div.tip,.md-content div.warning,.md-content div.danger{border-radius:6px;margin:0 0 1rem;border:1px solid transparent;>.admonition-title{padding:.6rem 1rem;font-weight:700;border-bottom:1px solid transparent;display:flex;align-items:center;gap:.5rem;>svg{height:1.6em;fill:currentColor}}>.admonition-content{margin:1rem}}.md-content div.info{background-color:#eef9fd;border-color:#eef9fd;>.admonition-title{border-bottom-color:#4cb3d4;color:#193c47}>.admonition-content{color:#193c47}}.md-content div.tip{background-color:#e6f6e6;border-color:#e6f6e6;>.admonition-title{border-bottom-color:#009400;color:#003100}>.admonition-content{color:#003100}}.md-content div.warning{background-color:#fff8e6;border-color:#fff8e6;>.admonition-title{border-bottom-color:#e6a700;color:#4d3800}>.admonition-content{color:#4d3800}}.md-content div.danger{background-color:#ffebec;border-color:#ffebec;>.admonition-title{border-bottom-color:#e13238;color:#4b1113}>.admonition-content{color:#4b1113}}.md-content details.details{background-color:transparent;border:1px solid #dadde1;border-radius:6px;margin:0 0 1rem;>summary{cursor:pointer;padding:.6rem 1rem;border-bottom:none}>.details-content{margin:1rem}}.md-content details.details[open]>summary{border-bottom:1px solid #dadde1}.md-content .tabs-container{background-color:transparent;border:1px solid #dadde1;border-radius:6px;margin:0 0 1rem}.md-content .tabs-labels{display:flex;border-bottom:1px solid #dadde1}.md-content .tabs-labels label{min-width:5rem;padding:.6rem 1rem;text-align:center;background:#f6f8fa;cursor:pointer;border-right:1px solid #dadde1}.md-content .tabs-labels label:hover{background:#ddd}.md-content .tabs-container input[type=radio]{display:none}.md-content .tabs-contents .tab-content{display:none;margin:1rem}.md-content pre,.md-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;background-color:#f6f8fa;color:inherit}.astro-code>code{background-color:inherit}.md-content pre{margin:1rem 0;padding:1rem;overflow:auto;font-size:.9rem;line-height:1.5;border-radius:6px}.md-content code{font-size:.95em;padding:0;border-radius:4px}.md-content p>code{color:#cd5c5c;padding:2px 5px}.md-content figure[data-rehype-pretty-code-figure]{margin:1rem 0;background-color:#f6f8fa;border-radius:6px;>figcaption[data-rehype-pretty-code-title]{background-color:transparent;padding:.6rem 1rem;font-weight:600;border-bottom:1px solid #dadde1}>pre{background-color:transparent;margin:0}>pre>code{display:table;>span[data-highlighted-line]{margin:0 -1rem;padding:0rem 1rem;background-color:#0000001a}}>pre>code[data-line-numbers]{counter-reset:line;>[data-line]:before{display:inline-block;width:12px;margin-right:1rem;color:gray;text-align:right;content:counter(line);counter-increment:line}}>pre>code[data-line-numbers-max-digits="2"]>[data-line]:before{width:1.25rem}>pre>code[data-line-numbers-max-digits="3"]>[data-line]:before{width:1.75rem}>pre>code[data-line-numbers-max-digits="4"]>[data-line]:before{width:2.25rem}}.md-content .embed-content{margin:0 0 1rem;display:flex;justify-content:center;align-items:center;width:100%;.youtube-placeholder{max-width:80%}.youtube-placeholder>img{margin:0;max-width:none}}@font-face{font-family:CrimsonText;src:url(/fonts/Blog_CrimsonText-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/Blog_Kanit-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/Blog_Kanit-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:NotoSansJP;src:url(/fonts/Blog_Pages_NotoSansJP-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}.blog-root[data-astro-cid-qoz5pk3j]{display:flex;flex-direction:column;justify-content:center;align-items:center}.box[data-astro-cid-qoz5pk3j]{width:100%;background-color:#ffffffe6;backdrop-filter:blur(5px);border:1px solid var(--black-light-light)}.ogp-root[data-astro-cid-qoz5pk3j]{width:100%;overflow:hidden;position:relative}.ogp[data-astro-cid-qoz5pk3j]{width:100%;height:auto;max-height:50vh;object-fit:cover;object-position:center}.next-previous-root[data-astro-cid-qoz5pk3j]{display:grid;grid-template-rows:2fr;grid-column-gap:15px;grid-row-gap:0px;margin:15px 0 0}.next-root[data-astro-cid-qoz5pk3j]{grid-area:1 / 1 / 2 / 2;display:grid;grid-template-columns:48px 1fr;grid-template-rows:.5fr 1fr;grid-column-gap:0px;grid-row-gap:0px;text-decoration:none;color:var(--black-main);&:hover .next-arrow[data-astro-cid-qoz5pk3j]{transform:translate(-5px)}}.next-arrow[data-astro-cid-qoz5pk3j]{grid-area:1 / 1 / 3 / 2;transition:all .2s;display:flex;justify-content:center;align-items:center}.next-text[data-astro-cid-qoz5pk3j]{grid-area:1 / 2 / 2 / 3;font-family:NotoSansJP;font-weight:300;color:#000;font-size:15px;display:flex;align-items:center}.next-title[data-astro-cid-qoz5pk3j]{grid-area:2 / 2 / 3 / 3;font-family:NotoSansJP;font-weight:300;color:#000;font-size:15px;display:flex;align-items:center}.previous-root[data-astro-cid-qoz5pk3j]{grid-area:1 / 2 / 2 / 3;display:grid;grid-template-columns:1fr 48px;grid-template-rows:.5fr 1fr;grid-column-gap:0px;grid-row-gap:0px;text-decoration:none;color:var(--black-main);&:hover .previous-arrow[data-astro-cid-qoz5pk3j]{transform:translate(5px)}}.previous-arrow[data-astro-cid-qoz5pk3j]{grid-area:1 / 2 / 3 / 3;transition:all .2s;display:flex;justify-content:center;align-items:center}.previous-text[data-astro-cid-qoz5pk3j]{grid-area:1 / 1 / 2 / 2;font-family:NotoSansJP;font-weight:300;color:#000;font-size:15px;display:flex;justify-content:end;align-items:center}.previous-title[data-astro-cid-qoz5pk3j]{grid-area:2 / 1 / 3 / 2;font-family:NotoSansJP;font-weight:300;color:#000;font-size:15px;display:flex;justify-content:end;align-items:center}@media (max-width: 630px){.next-root[data-astro-cid-qoz5pk3j]{grid-template-columns:35px 1fr}.previous-root[data-astro-cid-qoz5pk3j]{grid-template-columns:1fr 35px}.next-text[data-astro-cid-qoz5pk3j]{grid-area:1 / 2 / 3 / 3}.previous-text[data-astro-cid-qoz5pk3j]{grid-area:1 / 1 / 3 / 2}.previous-title[data-astro-cid-qoz5pk3j],.next-title[data-astro-cid-qoz5pk3j]{visibility:hidden}}.md-content[data-astro-cid-qoz5pk3j]{padding:var(--space-4);color:#1f2328;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word}