div[data-astro-cid-xot5xjyd]{font-size:14px;color:var(--gray)}#share-area[data-astro-cid-c7unayi3]{width:48px;flex-shrink:0;position:sticky;top:96px;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:12px;box-sizing:border-box;padding:8px;background-color:var(--pureWhite);border-radius:4px;.border{width:100%;border-top:1px solid var(--lightGray)}span{font-size:14px;font-weight:700;color:var(--black)}#twitter-share,#copy-share{overflow:hidden;border-radius:9999px;border:none;background-color:transparent;padding:0;cursor:pointer;&:hover svg{background-color:var(--lightGray)}}svg{vertical-align:middle;width:40px;height:40px;box-sizing:border-box;padding:8px;fill:var(--black);background-color:var(--white)}}#toc-area[data-astro-cid-y35mxkwh]{width:280px;flex-shrink:0;position:sticky;top:96px;margin-bottom:64px;max-height:calc(100vh - 160px);overflow-y:auto;background-color:var(--pureWhite);border-radius:8px;padding:4px 8px;box-sizing:border-box;height:fit-content;a{display:block;font-size:14px;padding:4px 2px;text-decoration:none;color:var(--gray);border-radius:4px;&:hover,&.active{background-color:var(--lightGray);color:var(--black)}}.h2{font-weight:700}.h3{padding-left:8px}.h4{padding-left:16px}}[data-callout=note]{--rc-color-light: var(--callout-note-color-light, #0969da);--rc-color-dark: var(--callout-note-color-dark, #2f81f7)}[data-callout=tip]{--rc-color-light: var(--callout-tip-color-light, #1a7f37);--rc-color-dark: var(--callout-tip-color-dark, #3fb950)}[data-callout=important]{--rc-color-light: var(--callout-important-color-light, #8250df);--rc-color-dark: var(--callout-important-color-dark, #a371f7)}[data-callout=warning]{--rc-color-light: var(--callout-warning-color-light, #9a6700);--rc-color-dark: var(--callout-warning-color-dark, #d29922)}[data-callout=caution]{--rc-color-light: var(--callout-caution-color-light, #d1242f);--rc-color-dark: var(--callout-caution-color-dark, #d1242f)}.callout{--rc-color-default: #888;width:100%;padding:.5rem 1rem;border-left:.25em solid var(--rc-color-light, var(--rc-color-default));margin-bottom:1rem}.dark .callout{border-left-color:var(--rc-color-dark, var(--rc-color-default))}.callout-title{display:flex;align-items:flex-start;gap:8px;color:var(--rc-color-light, var(--rc-color-default));font-weight:500;line-height:1}.dark .callout-title{color:var(--rc-color-dark, var(--rc-color-default))}.callout-title::-webkit-details-marker{display:none}.callout-title-icon svg{overflow:visible!important;display:inline-block;vertical-align:text-bottom;fill:currentColor}.callout-content>:first-child{margin-top:1rem}.callout-content>:last-child{margin-bottom:0}.callout[data-collapsible=true] .callout-title{cursor:pointer}.callout[data-collapsible=true] .callout-fold-icon{display:flex;align-items:center;padding-inline-end:8px}.callout[data-collapsible=true]>.callout-title .callout-fold-icon svg{transform:rotate(-90deg);transition:transform .1s ease-in-out}.callout[data-collapsible=true][open]>.callout-title .callout-fold-icon svg{transform:none}.callout-fold-icon{margin-left:-2px}main[data-astro-cid-eb4laipv]#content{position:relative;max-width:1320px;margin:auto;padding:32px 24px 0;display:flex;gap:24px;article{background-color:var(--pureWhite);border-radius:8px;padding:32px 56px;min-width:0;box-sizing:border-box;line-height:1.7;margin-bottom:64px;flex-grow:1;overflow-wrap:break-word;h1{font-size:28px}h2{font-size:26px;border-bottom:1px solid rgb(from var(--black) r g b / .3);border-left:4px solid rgb(from var(--black) r g b / .3);padding-left:8px;margin-top:52px;margin-bottom:16px}h3{font-size:22px;border-bottom:1px solid rgb(from var(--black) r g b / .3);margin-top:44px;margin-bottom:12px}h4{font-size:20px;margin-top:40px;margin-bottom:8px}h5{font-size:18px;margin-top:36px;margin-bottom:8px}h6{font-size:16px;margin-top:32px;margin-bottom:8px}:not(pre)>code{background-color:var(--white);border:1px solid var(--lightGray);padding:2px 4px;border-radius:4px;color:var(--accentLust)}pre{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:4px}hr{margin:40px 0}figure{img{width:100%;height:auto;max-height:320px;margin:auto;border-radius:4px;object-fit:contain;filter:drop-shadow(0 3px 6px rgb(from var(--black) r g b / .5))}figcaption{text-align:center;margin-top:8px;margin-bottom:16px;font-size:14px;color:var(--gray)}}table{margin:auto;border-collapse:collapse;thead tr,tbody tr:nth-child(2n){background-color:var(--white)}tbody tr:nth-child(odd){background-color:var(--pureWhite)}th{padding:0 8px}th,td{padding:0 8px;border:1px solid var(--lightGray)}}blockquote{color:var(--gray);position:relative;padding:8px 16px;margin:24px 0;border-left:4px solid var(--lightGray);p{margin:0}}.thumbnail{border:1px solid var(--lightGray);display:block;width:100%;margin:auto;border-radius:8px;aspect-ratio:16 / 9;object-fit:contain;background-color:var(--lightGray)}#blog-title{font-size:32px;border:none;margin-top:24px;margin-bottom:12px}.description{margin:12px 0;color:var(--gray)}.callout{background-color:rgb(from var(--rc-color-light, var(--rc-color-default)) r g b / .1);box-sizing:border-box;margin:20px 0;.callout-title{align-items:flex-end}.callout-content>:first-child{margin-top:8px}}}@media all and (max-width:1024px){#toc-area{display:none}}@media all and (max-width:720px){#share-area{display:none}article{padding:24px 32px}figure{margin:16px 0}}}