button{background:rgba(0,0,0,0);border:none}/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*::-webkit-scrollbar{display:none}:root{--primary-color: #2d312f;--primary-color-light: #474f49;--secondary-color: #354962;--secondary-color-brighter: #8eabbb;--secondary-color-light: #67889c;--secondary-color-dark: #24273e;--accent-color: #eee3cb;--accent-color-light: #b69048;--accent-color-marker: #f0c059;--accent-color-dark: #ad9f8e;--accent-color-bg: #fcf6eb;--accent-color-bg-more: #efe6d3;--background: linear-gradient(90deg,#354962 25%, #2d312f 25%, #2d312f 50%,#354962 50%,#354962 75%,#2d312f 75%);--background-size: 2rem;--background-repeat: repeat;--accent-color-filter: invert(90%) sepia(18%) saturate(276%) hue-rotate(353deg) brightness(103%) contrast(87%);--caution-color: rgb(105, 30, 159);--text-color: #333 }html{background:var(--primary-color);margin:0}body{background:var(--background);background-size:var(--background-size);background-repeat:var(--background-repeat);font-family:"Noto Sans CJK JP",sans-serif;color:var(--text-color);overflow-wrap:break-word}html,body{overflow-x:hidden !important;line-height:1.6;color:var(--text-color);height:100% !important}html.ban-scroll,body.ban-scroll{overflow-y:hidden !important}img{width:100%}.scroll-x{width:100%;overflow-x:scroll}table{border-spacing:0}table thead{background:#2d2d2d;color:#ccc}table tr th{padding:.2em .5em}table tr td{padding:.5em}table tr:nth-of-type(2n){background:#eee}.card{border-radius:2px;padding:1rem;display:flex;flex-direction:column;border:solid var(--primary-color);border-width:.1rem 0 0 .1rem;box-shadow:1px 4px var(--secondary-color);background:#f7f7f7;width:calc(100% - 2rem);text-align:left;transition-property:transform;transition-duration:.1s;transition-timing-function:ease-in}.can-touch:hover{transform:translateY(-3px)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}h2[id]{padding-top:100px;margin-top:0px}h3[id]{padding-top:30px;margin-top:20px}h4[id]{padding-top:20px;margin-top:10px;margin-bottom:0}:not(pre)>code,:not(.external-link)>code:not([class^=language]),:not(a)>code:not([class^=language]){font-size:1rem;font-weight:bold;background:linear-gradient(transparent 40%, var(--accent-color-marker) 40%);padding:0 .2em .1em}.external-link,a{margin:.3rem .5rem}.external-link code,a code{background:none !important}table tr td img{max-width:1.5rem}.master-chef table tr td:nth-of-type(2) img{width:3rem;height:3rem}.relative{position:relative}.rare{position:relative}.rare:after{position:absolute;content:"RARE+";display:inline-block;font-size:.3rem;color:#d9acff;top:0;left:0;transform:translate(-30%, -70%);text-shadow:1px 1px 0 #572a7c,-1px 1px 0 #572a7c,1px -1px 0 #572a7c,-1px -1px 0 #572a7c}img{width:100%;height:100%}.type-post .card{width:100% !important;max-width:100% !important;max-height:100% !important}.type-post .page-index{list-style-type:none;margin:0;padding:0 40px;z-index:20;position:relative;border:2px solid var(--secondary-color);padding-top:3rem;padding-bottom:1rem;background:var(--accent-color-bg-more)}@media only screen and (max-width: 600px){.type-post .page-index{padding:1.5rem 1rem 0;font-size:.8em}.type-post .page-index::before{margin-left:1.5rem}}.type-post .page-index::before{position:absolute;content:"INDEX";background:var(--secondary-color);color:var(--accent-color);width:100%;transform:translateX(-40px);text-align:center;padding:.2em 0 .2em;top:0}.type-post .page-index ul{list-style:none;padding:0}.type-post .page-index li{text-decoration:none;color:var(--primary-color);padding:.1em 1rem;font-size:1.1rem;font-weight:bold}.type-post .page-index li a{text-decoration:inherit;color:inherit}@media only screen and (max-width: 600px){.type-post .page-index li{font-size:.8em}}.type-post .page-index h1,.type-post .page-index h2,.type-post .page-index h3,.type-post .page-index h4,.type-post .page-index h5,.type-post .page-index h6{margin:.4em 0 .2em;text-decoration:none;border-bottom:none}.type-post .page-index h1::after,.type-post .page-index h2::after,.type-post .page-index h3::after,.type-post .page-index h4::after,.type-post .page-index h5::after,.type-post .page-index h6::after{display:none}.type-post .fixed-menu{z-index:100;position:fixed;border:none;border-radius:50%;top:0;right:0;width:50px;height:50px;background:rgba(0,0,0,0);color:var(--accent-color);opacity:.8;display:flex;flex-direction:column;justify-content:center;align-items:center;display:none}.type-post .fixed-menu.show{display:flex}.type-post .fixed-menu span{display:inline-block;background:var(--accent-color);width:25px;height:2px;margin:4px 0;pointer-events:none;transition-property:opacity,transform;transition-duration:.5s}.type-post .fixed-menu.open span{position:absolute}.type-post .fixed-menu.open span:nth-of-type(1){transform:rotate(45deg)}.type-post .fixed-menu.open span:nth-of-type(2){opacity:0}.type-post .fixed-menu.open span:nth-of-type(3){transform:rotate(-45deg)}@media screen and (max-width: 1920px){.type-post .fixed-menu{top:auto;bottom:2rem;right:2rem;background:var(--primary-color)}}.type-post .row{display:flex;flex-direction:column}.type-post .row .column{width:calc(100% - .5rem);margin:0 .5rem}.type-post .row .column .pre{width:100%}button.shop{background:orange;border-radius:3px;box-shadow:0 3px 0 #ff8c00;margin:0 auto;display:block;border:none;color:#fff}button.shop a{color:inherit;text-decoration:none;height:100%;padding:.5rem 3rem;display:inline-block}button.shop:hover{transform:translateY(2px);box-shadow:0 1px 0 #ff8c00;opacity:.9}main{min-height:calc(100vh - 30px);padding-top:60px}@media screen and (max-width: 768px){main{padding-top:50px}}header{height:60px;width:100%;background:var(--primary-color);color:var(--accent-color);position:fixed;top:0;left:0;transition-property:height,opacity;transition-duration:.3s;z-index:100}header .inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:60px}header h1{transition-property:font-size;transition-duration:.3s;transition-timing-function:ease-out;font-size:26px}@media screen and (max-width: 768px){header{height:50px}header h1{font-size:24px;transition-property:.1s}header .inner{height:50px}}header .search{border:none;background:rgba(0,0,0,0)}header .search img{width:1.5rem;height:1.5rem;filter:var(--accent-color-filter)}.main{margin:20px auto !important;display:flex;justify-content:space-between;max-width:1100px}@media screen and (max-width: 768px){.main{flex-direction:column;margin:50px 10px 50px !important}}.main>ul{width:100%;padding:0;margin:0;display:flex;justify-content:center}.main .main-column{max-width:1000px;width:calc(100% - 2rem - 300px);margin-top:60px;justify-content:center}@media screen and (max-width: 768px){.main .main-column{width:100%;margin-top:20px}}.main .main-column .pops,.main .main-column .posts{padding:0;display:flex;margin:0 auto;flex-wrap:wrap;width:100%;justify-content:flex-start}@media screen and (max-width: 768px){.main .main-column .pops,.main .main-column .posts{justify-content:center}}.main .main-column .pops>ul,.main .main-column .posts>ul{padding-left:24px;justify-content:center}@media screen and (max-width: 768px){.main .main-column .pops>ul,.main .main-column .posts>ul{padding-left:0}}.main .main-column .pops>ul::after,.main .main-column .posts>ul::after{content:"";display:block;width:calc(50% - 1.2rem)}.line{position:relative;display:flex;justify-content:center;color:var(--accent-color);margin:1.2rem auto .8em}.line span{white-space:nowrap;display:flex}.line::before{content:"";position:absolute;border-bottom:2px solid var(--accent-color);top:50%;left:10px;z-index:-1;width:calc(50% - 4.5em);z-index:10}.line::after{content:"";position:absolute;border-bottom:2px solid var(--accent-color);top:50%;right:10px;z-index:-1;width:calc(50% - 4.5em);z-index:10}.pagination{display:flex;align-items:center;justify-content:center}.pagination ul{display:flex;list-style-type:none;padding:0}.pagination ul li{background:var(--secondary-color-dark);color:var(--accent-color);border-radius:24px;margin:0 .2rem;pointer-events:cursor;height:48px;width:48px;border:3px solid var(--secondary-color-dark)}.pagination ul li a{text-decoration:none;color:inherit;display:inline-block;height:100%;width:100%;padding:.5rem .5rem;white-space:nowrap;text-align:center;margin:0}.pagination ul li.selected{background:var(--accent-color);color:var(--secondary-color-dark);font-weight:bold;box-sizing:border-box;padding:.5rem .5rem;white-space:nowrap;text-align:center}.pagination .next{background:var(--secondary-color-dark);color:var(--primary-color);padding:.5rem;height:24px;border-radius:24px;margin:0 .2rem}.pagination .next img{filter:var(--accent-color-filter);width:24px;height:24px;object-fit:contain}#hint{position:fixed;width:100%;top:0;left:0;z-index:9999;background:var(--primary-color);color:var(--accent-color);padding:.6rem 0 .5rem;display:flex;gap:1rem;justify-content:center}.temp-head{min-height:60px}@media screen and (max-width: 768px){.temp-head{min-height:50px}}caution{color:var(--caution-color);font-weight:bold}article>.card{padding:1rem}article:not(.no-number){overflow-x:hidden;counter-reset:h2}article:not(.no-number) h2{counter-increment:h2}article.no-number h2{padding-left:1rem}@media screen and (max-width: 768px){article h2{font-size:20px;line-height:2}}article:not(.no-number) h2::before{content:counter(h2) "." !important;padding-left:1rem;padding-right:.5rem}.head-line{position:relative;max-width:1200px;margin:0 auto;transform:translateY(1.5rem);display:flex;justify-content:center}.head-line .back-button{position:absolute;left:1rem;transform:translateY(0.5rem)}.head-line .back-button img{font-size:24px;height:24px;width:24px;filter:var(--accent-color-filter)}.head-line .ssbc-button{margin:0 .3rem;aspect-ratio:1/1;width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center}.type-post{margin-top:60px;display:flex;justify-content:space-between;flex-direction:column;max-width:1200px;margin:60px auto}@media screen and (max-width: 1280px){.type-post{margin:60px 10px;max-width:100%}}@media screen and (max-width: 768px){.type-post{flex-direction:column !important;margin:50px 10px 50px}}.type-post article{width:calc(100% - 300px - 3rem)}@media screen and (max-width: 768px){.type-post article{width:calc(100% - .2rem);margin-bottom:1rem}}.type-post ul.card{list-style-type:none;margin:0}.type-post .times{display:flex;justify-content:space-between !important;padding-bottom:1rem}.type-post .author{color:var(--accent-color-dark);font-size:.9rem}.type-post .author a{color:inherit;text-decoration:none}.type-post .timestamps{display:flex;justify-content:flex-end}@media screen and (max-width: 374px){.type-post .timestamps{flex-direction:column}}.type-post .timestamp{margin:0 .2em;font-size:.8em;opacity:.8;white-space:nowrap}.type-post .author .icon,.type-post .timestamp .icon{width:1em;height:1em;transform:translateY(0.1em);display:inline-block;margin-right:.2em}.type-post img{max-width:800px;height:auto;object-fit:contain}.type-post h2{border-bottom:2px solid var(--secondary-color);position:relative}.type-post article h2::after{content:"";position:absolute;left:-0.1rem;display:inline-block;width:.5rem;height:2.4rem;vertical-align:middle;margin-right:.5rem;background:var(--primary-color);border-radius:1px;transform:translateY(-2px)}.type-post h3{border-bottom:2px solid var(--accent-color-dark);width:90%}.type-post h3::before{content:"";display:inline-block !important;width:.3rem;width:.5rem;height:1.5rem;vertical-align:middle;margin:0 .5rem .3rem 0;background:var(--accent-color-dark);border-radius:1px}.type-post h4::before{content:"";display:inline-block;width:.4rem;height:1.3rem;vertical-align:middle;margin:0 .5rem .3rem 0;background:var(--accent-color);border-radius:1px}.type-post pre>code[class*=language-]{display:block;margin:1rem;overflow-x:scroll;color:var(--accent-color)}.type-post pre:has(>code[class*=language-]){background:#000002}.type-post details pre>.code{transition:.5s}.type-post details pre>.code summary{text-align:center;border:2px solid #cdc0a2;margin:.5em;padding:.3rem 0;border-radius:3px;cursor:pointer}.type-post details pre>.code summary::after{content:"»";display:inline-block;padding:0 .5em;transform:rotate(90deg);opacity:.7;transition:.5s}.type-post details pre>.code summary:focus{outline:none}.type-post details pre>.code summary[open] summary::after{transform:rotate(-90deg) translateY(-0.2em) translateX(-0.1em)}.type-post details pre>.code summary::-webkit-details-marker{display:none}.type-post details pre>.code summary::-webkit-details-marker pre{background:#333;color:#fff;border-radius:2px;margin:0 1em}.type-post details.code summary::marker{content:""}.ad-in-article .adsbygoogle{max-height:300px;height:0px !important;overflow:hidden;margin:1rem 0}img:not([alt=thumbnail]){max-width:600px !important;width:100%;margin:0 auto;display:block}blockquote:not([id]){position:relative;border-left:5px solid var(--accent-color);margin-left:.5rem;padding:1rem 1rem .5rem;color:var(--accent-color-dark)}blockquote:not([id])::before{content:"“";position:absolute;left:1rem;top:.2rem;font-weight:bold;color:#eee3cb}.card h3::before,blockquote h3::before{display:none !important}.card h4::before,blockquote h4::before{display:none !important}.card .title,blockquote .title{font-size:1.2em;font-weight:bold;padding:.5em 0}.card .from,blockquote .from{font-size:.8em;text-align:right;padding:.5em 0}.select{position:relative}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;border-radius:5px;display:block;width:100%}.select::after{pointer-events:none;position:absolute;right:.8em;top:50%;transform:translateY(-80%);content:"▼";display:block;width:1rem;height:1rem;color:var(--promary-color)}.line{position:relative;display:flex;justify-content:center;color:var(--accent-color);margin:1.2rem auto .8em}.line::before{content:"";position:absolute;border-bottom:2px solid var(--accent-color);top:50%;left:10px;z-index:-1;width:calc(50% - 4.5em);z-index:10}.line::after{content:"";position:absolute;border-bottom:2px solid var(--accent-color);top:50%;right:10px;z-index:-1;width:calc(50% - 4.5em);z-index:10}.reference{padding:0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;max-width:300px;margin:1rem auto}@media screen and (max-width: 768px){.reference{flex-direction:row;max-width:100%}}@media screen and (max-width: 600px){.reference{flex-direction:column;align-items:center}}.reference .card{max-width:300px;min-width:270px;margin:1rem .5rem}@media screen and (max-width: 768px){.reference .card{width:calc(50% - 4rem);max-width:50%}}@media screen and (max-width: 600px){.reference .card{width:calc(100% - 1.6rem)}}.reference .card h3{border-bottom:none}.reference .card h3::before{display:none !important}.reference .card a{color:inherit;text-decoration:none}@media screen and (max-width: 768px){.reference{justify-content:center}}pre .copy-button{position:absolute;top:1rem;right:.5rem;padding:.2rem .8rem;border-radius:.1rem;border:2px solid #ececec;background:#2d2d2d;color:#ececec;z-index:10}pre .copy-button:hover{border:2px solid #ececec;background:#ececec;color:#2d2d2d}.time{font-size:.8em;text-align:center;color:var(--primary-color)}.time .limit{font-size:1.5em;padding:.1rem .3rem;margin:0 .2rem;border-bottom:2px solid #d6b26f}.sm{display:none}@media screen and (max-width: 768px){.sm{display:block}}.lg{display:block}@media screen and (max-width: 768px){.lg{display:none}}.language-unknown{color:var(--accent-color-light) !important;background:rgba(0,0,0,0) !important;padding:0 !important}.modal{cursor:pointer}.external-link{background:var(--secondary-color);color:var(--accent-color);padding:.3em .3em .3em .5em;border-radius:2px;text-decoration:none;margin:.3em 0;display:inline-block}.external-link:not(:has(img))::after{content:"";display:inline-block;background:url(/icons/external-link-white.svg);background-repeat:no-repeat;height:16px;width:16px;padding-left:8px;transform:translate(0.2rem, 4px);filter:brightness(200%)}.external-link:has(img){background:none !important;margin:.3rem 0;padding:0 !important}article img{cursor:pointer}#popup #window{background:rgba(0,0,0,0) !important}.rehype-code-title{transform:translateY(50%);z-index:3;padding-left:1rem;padding-top:.3rem;background:var(--secondary-color);color:var(--accent-color);box-sizing:inherit}.resize{resize:both;max-width:calc(100% - 2.5rem);border:2px solid var(--accent-color)}::-webkit-resizer{display:none}.resize::after{content:"";position:absolute;right:.1rem;bottom:.1rem;width:0;height:0;border-style:solid;border-width:0 0 1rem 1rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--accent-color) rgba(0,0,0,0)}p>a[href^="https://"]{background:var(--secondary-color);color:var(--accent-color);padding:.3em .6em .3em .5em;border-radius:2px;text-decoration:none;margin:.3em .5rem;display:inline-block}.posts>ul{display:flex;flex-wrap:wrap !important}.posts>ul>.card{min-width:300px;box-sizing:border-box;color:var(--primary-color) !important}.posts>ul>.card>h2{color:inherit}.posts>ul>.card>h2 a{margin:0}form.search{display:flex;width:calc(100% - 2rem);margin:1rem 1rem 1rem 2rem;height:40px}form.search input{width:calc(100% - 3rem);padding:.5rem;font-size:1.1rem}form.search button{border:none;background-color:var(--primary-color);padding:.5rem .4rem;max-width:200px}form.search button img:not([alt=thumbnail]){max-width:600px !important;width:100%;margin:0 auto;display:block}.card,.pagefind-ui__results .pagefind-ui__result{margin:min(1vw,6px);width:calc(50% - 2.4rem);max-height:300px;max-width:310px;position:relative;background:var(--accent-color-bg);padding:.5em}@media screen and (max-width: 428px){.card,.pagefind-ui__results .pagefind-ui__result{width:calc(50% - 1.8rem)}}.card.ad-in-card,.pagefind-ui__results .ad-in-card.pagefind-ui__result{height:0px;max-height:300px;overflow:hidden}.card.ad-in-card>.adsbygoogle,.pagefind-ui__results .ad-in-card.pagefind-ui__result>.adsbygoogle{height:0px !important;max-height:300px !important}@media screen and (max-width: 428px){.card.ad-in-card>.adsbygoogle,.pagefind-ui__results .ad-in-card.pagefind-ui__result>.adsbygoogle{height:160px !important;max-height:160px !important}}.card h2,.pagefind-ui__results .pagefind-ui__result h2{font-size:20px;cursor:pointer}@media screen and (max-width: 1024px){.card h2,.pagefind-ui__results .pagefind-ui__result h2{font-size:1.2em}}@media screen and (max-width: 768px){.card h2,.pagefind-ui__results .pagefind-ui__result h2{font-size:1em}}@media screen and (max-width: 428px){.card h2,.pagefind-ui__results .pagefind-ui__result h2{font-size:.82em}}.card a,.pagefind-ui__results .pagefind-ui__result a{color:inherit;text-decoration:none}.card .thumbnail,.pagefind-ui__results .pagefind-ui__result .thumbnail{overflow:hidden;aspect-ratio:1.91/1;cursor:pointer}.card .thumbnail img,.pagefind-ui__results .pagefind-ui__result .thumbnail img{transition-property:transform;transition-duration:.2s}.card .thumbnail img:hover,.pagefind-ui__results .pagefind-ui__result .thumbnail img:hover{object-fit:contain;transform-origin:center;transform:scale(110%, 110%)}.card .category,.pagefind-ui__results .pagefind-ui__result .category{position:absolute;left:.5em;top:.5em;background:var(--secondary-color);color:var(--accent-color);padding:.1rem .5rem;cursor:pointer}.card .category :global(a),.pagefind-ui__results .pagefind-ui__result .category :global(a){color:inherit;text-decoration:none}.card .times,.pagefind-ui__results .pagefind-ui__result .times{display:flex;justify-content:flex-end}@media screen and (max-width: 374px){.card .times,.pagefind-ui__results .pagefind-ui__result .times{flex-direction:column}}.card .times .timestamp,.pagefind-ui__results .pagefind-ui__result .times .timestamp{margin:0 .2em;font-size:.8em;opacity:.8;white-space:nowrap}@media screen and (max-width: 428px){.card .times .timestamp,.pagefind-ui__results .pagefind-ui__result .times .timestamp{font-size:.7em}}.card .times .timestamp .icon,.pagefind-ui__results .pagefind-ui__result .times .timestamp .icon{width:1em;height:1em;transform:translateY(0.1em);display:inline-block;margin-right:.2em}.card a,.pagefind-ui__results .pagefind-ui__result a{color:inherit;text-decoration:none}#breadcrumb{font-size:.9rem;display:flex;list-style-type:none;margin:0;padding:.5rem 0;color:var(--accent-color-dark);max-width:1200px}#breadcrumb li.item{padding:0 0 0 1rem;display:flex}#breadcrumb li.item a{color:inherit;text-decoration:none}#breadcrumb li.item:last-of-type{color:var(--accent-color)}#breadcrumb li.item:not(:last-of-type):has(a:not(.child)){white-space:nowrap}#breadcrumb li.item:not(:last-of-type):has(a:not(.child))::after{content:">";display:block;padding-left:1rem}#breadcrumb li.item:not(:last-of-type) a.child{padding:0 .3rem;display:flex}#breadcrumb li.item:not(:last-of-type) a.child::after{padding-left:.9rem;content:"/" !important;display:block}.sidebar.card,.pagefind-ui__results .sidebar.pagefind-ui__result{margin-top:60px;display:inline-block;background:var(--primary-color);color:var(--accent-color);max-width:300px;width:300px;padding:1rem;padding-bottom:60px;position:sticky;top:100px;max-height:calc(100% - 100px)}@media screen and (max-width: 768px){.sidebar.card,.pagefind-ui__results .sidebar.pagefind-ui__result{max-width:calc(100% - 2rem);width:100%;margin:60px auto 0}}.sidebar.card h2,.pagefind-ui__results .sidebar.pagefind-ui__result h2{color:var(--secondary-color);z-index:1;text-align:center}.sidebar.card h2::before,.pagefind-ui__results .sidebar.pagefind-ui__result h2::before{background:rgba(0,0,0,0) !important;content:"";width:4.2rem;height:2px;background:var(--primary-color);position:absolute;left:50%;top:-8px;transform:translate(-50%)}.sidebar.card ul,.pagefind-ui__results .sidebar.pagefind-ui__result ul{list-style:none;display:flex;padding:0;flex-wrap:wrap}.sidebar.card ul .item,.pagefind-ui__results .sidebar.pagefind-ui__result ul .item{padding:.5em;opacity:.8;display:flex;align-items:center}.sidebar.card .ad,.pagefind-ui__results .sidebar.pagefind-ui__result .ad{margin-top:2rem}.sidebar.card .about-me,.pagefind-ui__results .sidebar.pagefind-ui__result .about-me{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:300px;margin:0 auto}.sidebar.card .about-me .icon,.pagefind-ui__results .sidebar.pagefind-ui__result .about-me .icon{border-radius:50%;overflow:hidden;aspect-ratio:1/1;width:100px;height:100px;min-width:100px}.sidebar.card .about-me .icon img,.pagefind-ui__results .sidebar.pagefind-ui__result .about-me .icon img{width:100px;height:100px;object-fit:contain}.sidebar.card .about-me .detail,.pagefind-ui__results .sidebar.pagefind-ui__result .about-me .detail{width:100%;margin:0 20px;margin-left:30px}.sidebar.card .about-me .detail .name,.pagefind-ui__results .sidebar.pagefind-ui__result .about-me .detail .name{text-align:center;margin-bottom:.5em;font-size:18px;color:var(--accent-color)}.sidebar.card .about-me .detail .content,.pagefind-ui__results .sidebar.pagefind-ui__result .about-me .detail .content{text-align:left;margin:.5em auto;color:var(--accent-color)}.sidebar.card .social,.pagefind-ui__results .sidebar.pagefind-ui__result .social{width:100%;margin:2rem auto}.sidebar.card .social>ul,.pagefind-ui__results .sidebar.pagefind-ui__result .social>ul{display:flex;list-style-type:none;justify-content:center;gap:1rem}.sidebar.card .social>ul img,.pagefind-ui__results .sidebar.pagefind-ui__result .social>ul img{width:1.8rem;height:1.8rem;filter:var(--accent-color-filter);box-sizing:border-box}.sidebar.card .skill-list,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list{width:100%;max-width:400px;margin:0 auto}.sidebar.card .skill-list .title,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list .title{text-align:center;margin-bottom:.5em;font-size:1rem;font-weight:normal;color:var(--accent-color)}.sidebar.card .skill-list>ul,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list>ul{margin:0 0 1rem;width:100%;padding:0;display:flex;flex-direction:column}.sidebar.card .skill-list>ul .name,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list>ul .name{max-width:120px;font-size:.9em}.sidebar.card .skill-list>ul .skill,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list>ul .skill{display:flex;margin:.5rem 0;max-height:30px}.sidebar.card .skill-list>ul .skill .name,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list>ul .skill .name{flex:2.5}.sidebar.card .skill-list>ul .skill .meter,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list>ul .skill .meter{flex:5}.sidebar.card .skill-list .header,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list .header{display:flex;width:100%}.sidebar.card .skill-list .header>.bar-header,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list .header>.bar-header{display:inherit;width:100%;justify-content:space-between;flex:5}.sidebar.card .skill-list .header>.name-header,.pagefind-ui__results .sidebar.pagefind-ui__result .skill-list .header>.name-header{flex:2}.meter{margin-left:.5rem;position:relative;border-radius:1rem;height:1.7rem;width:100%}.meter .frame{content:"";width:100%;height:100%;left:-1px;top:-1px;border:1px solid #fff;border-radius:1.5rem;height:1.5rem;position:absolute;z-index:2}.meter .bar{background:#b69048;border-radius:1rem;position:relative;z-index:1;height:1.41rem}.post-thumbnail{margin-bottom:0px;max-height:300px;position:relative;overflow:hidden;margin-top:60px}@media screen and (max-width: 768px){.post-thumbnail{margin-top:50px}}.post-thumbnail .front{position:absolute;top:1rem;height:calc(300px - 2rem);width:100%;z-index:2;display:flex;justify-content:center}.post-thumbnail .front img{height:100%;object-fit:contain}@media only screen and (max-width: 540px){.post-thumbnail .front{display:none}}.post-thumbnail .back{width:100%;position:relative;z-index:0;top:0}.post-thumbnail .back img{width:100%;filter:blur(3px);object-fit:cover;object-position:50% 40%}@media screen and (max-width: 540px){.post-thumbnail .back img{filter:none}}@media only screen and (min-width: 541px){.post-thumbnail .back img{height:300px}}@media only screen and (min-width: 541px){.post-thumbnail .back::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:.6;z-index:1}}:root{--pagefind-ui-scale: 1;--pagefind-ui-primary: #034ad8;--pagefind-ui-text: #393939;--pagefind-ui-background: #ffffff;--pagefind-ui-border: #eeeeee;--pagefind-ui-tag: #eeeeee;--pagefind-ui-border-width: 0px;--pagefind-ui-border-radius: 0px;--pagefind-ui-image-border-radius: 0px;--pagefind-ui-image-box-ratio: 294/154;--pagefind-ui-font: inherit}.pagefind-ui__form{margin-left:1rem}@media screen and (max-width: 768px){.pagefind-ui__form{margin-left:.1rem}}.pagefind-ui__form::before{top:20px !important;transform:translateY(-40%);height:18px !important}.pagefind-ui__form .pagefind-ui__search-input{max-height:50px}.pagefind-ui__form .pagefind-ui__search-clear{max-height:46px}.pagefind-ui__message{color:var(--accent-color);justify-content:center}.pagefind-ui__results{display:flex !important;flex-wrap:wrap;justify-content:center;padding-bottom:1.5rem}.pagefind-ui__results .pagefind-ui__result{min-width:310px;box-sizing:border-box;padding:1rem !important;overflow:hidden}.pagefind-ui__results .pagefind-ui__result img[src*=".svg"]{display:none}.pagefind-ui__results .pagefind-ui__result .pagefind-ui__result-thumb{width:100% !important;height:100% !important;max-width:100% !important;background-image:url("/thumbnails/no-image.webp");margin-top:0px !important}.pagefind-ui__results .pagefind-ui__result .pagefind-ui__result-image{width:100% !important;height:100% !important;position:relative !important;left:0 !important;transform:none !important;transition-property:transform;transition-duration:.2s;object-fit:cover !important}.pagefind-ui__results .pagefind-ui__result .pagefind-ui__result-inner{margin-top:0 !important;max-height:6.4em}.pagefind-ui__results .pagefind-ui__result .pagefind-ui__result-inner .pagefind-ui__result-title{display:block;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;height:100%}.pagefind-ui__results .pagefind-ui__result .pagefind-ui__result-inner .pagefind-ui__result-title>a{overflow:inherit;text-overflow:inherit;height:inherit}.pagefind-ui__results .pagefind-ui__result .pagefind-ui__result-inner .pagefind-ui__result-excerpt{display:none !important}.pagefind-ui__results{border-bottom:2px solid var(--accent-color);padding-bottom:1rem !important}.pagefind-ui__results::after{content:"";display:block;width:calc(50% - 1.2rem)}button.download{position:absolute;right:0;background:var(--primary-color);color:var(--accent-color);border:none;padding:.3em;margin:.2em;width:3em;cursor:pointer;box-shadow:0 .2em var(--primary-color-dark)}.type-tool>.card{width:100%;max-width:100%;max-height:100%}.type-tool>.card pre{padding:1rem}.type-tool>.card pre:has(>code[class*=language-]){background:#000002}.type-tool>.card pre>code[class*=language-]{display:block;margin:1rem;overflow-x:scroll;color:var(--accent-color)}.type-tool>.card details{padding:1rem;transition:.5s}.type-tool>.card details summary{text-align:center;border:2px solid #cdc0a2;margin:.5em;padding:.3rem 0;border-radius:3px;cursor:pointer}.type-tool>.card details summary::after{content:"»";display:inline-block;padding:0 .5em;transform:rotate(90deg);opacity:.7;transition:.5s}.type-tool>.card details summary:focus{outline:none}.type-tool>.card details summary[open] summary::after{transform:rotate(-90deg) translateY(-0.2em) translateX(-0.1em)}.type-tool>.card details summary::-webkit-details-marker{display:none !important}.type-tool>.card details summary::-webkit-details-marker pre{background:#333;color:#fff;border-radius:2px;margin:0 1em}.upload-area{background:#a0a8b1;padding:16px;max-width:600px;width:calc(100% - 4rem);margin:0 auto}@media screen and (max-width: 600px){.upload-area{width:calc(100% - 2rem)}}.upload-area .line{margin:0;border:dashed 3px #333;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:16px;height:calc(100% - 32px);color:var(--primary-color)}.upload-area .line::after,.upload-area .line::before{content:"";display:none}.upload-area .line input{display:none;height:100%}.upload-area .line img{width:100%;height:100%;object-fit:contain}.upload-area .error{color:#bf3b27;font-size:.8em}.wrap{max-width:600px;margin:0 auto}@media screen and (max-width: 620px){.wrap{margin:0 1rem}}.result{position:relative;padding:1rem;background:var(--primary-color)}.result canvas{width:100%}.result canvas#circle{background:var(--primary-color)}.result .nums{color:var(--accent-color)}.ad{margin-top:2rem}.head-line{position:relative;max-width:1200px;margin:0 auto 3rem;transform:translateY(1.5rem);display:flex;justify-content:center}.head-line :global(.ssbc-button){margin:0 .3rem;aspect-ratio:1/1;width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center}.main:has(.main-column>.type-tool){flex-direction:row;max-width:1400px}.main:has(.main-column>.type-tool) .type-tool .card{width:calc(100% - 20px)}.main:has(.main-column>.type-tool) .sidebar{max-width:100% !important;width:calc(100% - 20px)}@media screen and (max-width: 2000px){.main:has(.main-column>.type-tool){flex-direction:column}}.main-column:has(.type-tool){max-width:1400px;width:calc(100% - 2rem - 300px);margin-top:60px;justify-content:center}@media screen and (max-width: 2000px){.main-column:has(.type-tool){width:100%;margin-top:20px}}.type-tool #editor{position:relative;display:flex;flex-direction:row}@media screen and (max-width: 700px){.type-tool #editor{flex-direction:column}}.type-tool #editor #side{min-width:200px;background:#000;width:100%;flex-shrink:2;height:100%;aspect-ratio:.81;color:#fff;margin-top:32px}.type-tool #editor #side button{color:inherit}.type-tool #editor #side button.selected{background:0x111111}.type-tool #editor #side #tabs{height:100%}.type-tool #editor #side #tabs>input[type=radio]{display:none}.type-tool #editor #side #tabs #labels{height:32px;display:flex;flex-direction:row;justify-content:space-around}.type-tool #editor #side #tabs #labels label{display:block;width:100%;display:flex;justify-content:center;align-items:center}.type-tool #editor #side #tabs #contents{height:100%}.type-tool #editor #side #tabs #contents .content{height:100%;display:none}.type-tool #editor #side #tabs input[type=radio]#tab_1:checked~#contents div#content_1{display:flex}.type-tool #editor #side #tabs input[type=radio]#tab_2:checked~#contents div#content_2{display:flex}.type-tool #editor #side #tabs input[type=radio]#tab_1:checked~#labels label#label_1{background:#333 !important}.type-tool #editor #side #tabs input[type=radio]#tab_2:checked+#labels label#label_2{background:#333 !important}.type-tool #editor #side .button_list{display:flex;flex-direction:column;max-height:100%;overflow-y:scroll;height:calc(100% - 32px);align-items:start;width:100%}.type-tool #editor #side .button_list>button{padding:.5rem;width:100%;text-align:start}.type-tool #editor #side .button_list .selected{background:#333}.type-tool #editor #side .button_list .block_button{width:100%;display:flex;align-items:start;justify-content:space-between}.type-tool #editor #side .button_list .block_button details{padding:0;align-items:inherit;flex-shrink:1}.type-tool #editor #side .button_list .block_button details summary{border:none;align-items:inherit;text-align:start}.type-tool #editor #side .button_list .block_button details select{margin:0 2rem}.type-tool #editor #side .button_list .block_button .delete_button{padding:.5rem;height:100%;background:red}.type-tool #editor #side .palette .button_list:first-of-type{flex-direction:row;height:32px}.type-tool #editor #side .palette .edit_button{position:relative;display:flex;flex-direction:row}.type-tool #editor #side .palette .edit_button input[type=text]:focus~datalist{display:block;height:24px}.type-tool #editor #side .palette .palette_line{display:flex;flex-direction:row}.type-tool #editor #side .palette .palette_line canvas{display:block;aspect-ratio:1;height:100%}.type-tool #editor #main{min-width:400px;width:100%}.type-tool #editor #ui{position:absolute;top:0;left:0;width:100%}.type-tool #editor #ui .panel{width:100%;height:32px;background:#000;color:#fff;display:flex}.type-tool #editor #ui .panel .box_size{display:flex}.type-tool #editor #ui .panel .box_size input[type=number]{max-width:50px;text-align:center;background:#333;border:none;color:#fff}.type-tool #editor #ui .panel .box_size label[for=x],.type-tool #editor #ui .panel .box_size label[for=y],.type-tool #editor #ui .panel .box_size label[for=z]{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 .5rem}.type-tool #editor #ui .panel .box_size label[for=x]{background:red}.type-tool #editor #ui .panel .box_size label[for=y]{background:blue}.type-tool #editor #ui .panel .box_size label[for=z]{background:#006400}.type-tool #editor #ui .panel .dropdown{padding:0 .5rem;display:flex;flex-direction:column;position:relative;justify-content:flex-start;max-width:54px}.type-tool #editor #ui .panel .dropdown button{height:32px;min-height:32px;white-space:nowrap}.type-tool #editor #ui .panel .dropdown>button{box-sizing:border-box;width:40px !important}.type-tool #editor #ui .panel .dropdown .content{display:none;position:absolute;background:#000;max-width:200px;top:32px}.type-tool #editor #ui .panel .dropdown .content>button{display:flex;flex-direction:row;align-items:center}.type-tool #editor #ui .panel .dropdown .content>button>label{font-size:.5em;color:#fff;opacity:.5;padding-left:.5rem}.type-tool #editor #ui .panel .dropdown:hover .content{display:flex;flex-direction:column}.type-tool #editor #ui .panel button{color:inherit}