@charset "UTF-8";.srOnly{position:fixed!important;top:0!important;left:0!important;display:block!important;visibility:visible!important;width:4px!important;height:4px!important;padding:0!important;margin:0!important;overflow:hidden!important;border:none!important;opacity:0!important}:root{--viewport-width: 100vw;--window-width: tan(atan2(var(--viewport-width), 1px)) ;--max-width: 1440px;--base-font: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "MS Pゴシック", "MS PGothic", sans-serif;--fz-root: clamp(.9375 * 1rem, (var(--window-width) * .0000587 + .916) * 1rem, 1 * 1rem);--fz-lg: clamp(1.125 * 1rem, (var(--window-width) * .000118 + 1.081) * 1rem, 1.25 * 1rem);--fz-md: clamp(1 * 1rem, (var(--window-width) * .000118 + .956) * 1rem, 1.125 * 1rem);--fz-sm: clamp(.8125 * 1rem, (var(--window-width) * .0000587 + .791) * 1rem, .875 * 1rem);--fz-xs: clamp(.6875 * 1rem, (var(--window-width) * .0000587 + .666) * 1rem, .75 * 1rem);--white: #fff;--blue: #150DF7;--black: #141615;--color-base: #DBE2E9;--color-surface: #0E0F18;--color-elevated: #0F39FE;--color-inset: #C5CDD6;--color-border: #B0B8C0;--color-border-hover: #0F39FE;--color-badge: #0F39FE;--color-text1: #141615;--color-text2: #FFF;--color-text3: #0F39FE;--color-decoration: #0F39FE;--outline-width: 2px;--outline-offset: 2px;--outline-color: #0F39FE}@property --viewport-width{syntax: "<length>"; initial-value: 0; inherits: false;}*:where(:not(html,iframe,canvas,img,svg,video,a,svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-size:1rem}a,button{cursor:revert}ul,ol,menu,details{list-style-type:""}img,picture,video,canvas,svg{max-width:100%;height:auto}img{width:100%;vertical-align:bottom}svg{width:100%}table{border-collapse:collapse}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input,button,textarea,select{font:inherit}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}b,strong{font-weight:700}em,i{font-style:italic}s,strike,del{text-decoration:line-through}sup{font-size:smaller;vertical-align:super}sub{font-size:smaller;vertical-align:sub}a{display:inline-block;color:inherit;text-decoration:none}button{touch-action:manipulation;cursor:pointer}iframe{width:100%;height:100%}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([hidden]){display:none}summary::-webkit-details-marker{display:none}body{padding-right:var(--scrollbar-width, 0);overflow-y:scroll;font-family:var(--base-font);font-feature-settings:"palt";color:var(--blue);line-break:strict;word-break:normal;overflow-wrap:anywhere;background-color:var(--color-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans JP,sans-serif;font-style:normal;font-weight:400;font-optical-sizing:auto;font-feature-settings:"palt" on;font-size:var(--fz-root);line-height:1.75;letter-spacing:.04em}.js-focus-visible :focus:not(.focus-visible){outline:none}.js-focus-visible .focus-visible{outline:currentcolor 2px dashed;outline-offset:1px}.pcOnly{display:none}@media screen and (width >= max(768px,48rem)){.pcOnly{display:block}}@media screen and (width >= max(768px,48rem)){.spOnly{display:none}}[tabindex="-1"]:focus-visible{outline:none}dialog{position:fixed;inset:0}dialog:not(.is-open){opacity:0}dialog::backdrop{background:initial}.header[data-astro-cid-xbstl6g3]{display:grid;display:flex;row-gap:20px;justify-content:space-between;padding-block:20px;padding-inline:20px}.link[data-astro-cid-xbstl6g3]{display:grid;width:250px}.link[data-astro-cid-xbstl6g3]:focus-visible{outline:var(--outline-width, 2px) solid #dc3545;outline-offset:var(--outline-offset, 2px)}.section[data-astro-cid-ketsolox]{display:flex;flex-direction:column}.section-title[data-astro-cid-ketsolox]{margin-bottom:24px;font-size:15px;color:var(--color-text1)}.button-grid[data-astro-cid-ketsolox]{display:inline-grid;grid-template-columns:1fr;gap:48px;width:-moz-fit-content;width:fit-content}@media screen and (width >= max(768px,48rem)){.button-grid[data-astro-cid-ketsolox]{grid-template-columns:repeat(2,1fr)}}@media screen and (width >= max(1024px,64rem)){.button-grid[data-astro-cid-ketsolox]{grid-template-columns:repeat(4,1fr)}}.showcase-item[data-astro-cid-ketsolox]{display:flex;flex-direction:column;gap:12px;align-items:center}.showcase-button[data-astro-cid-ketsolox]{padding:10px 24px;font-size:14px;color:var(--white);cursor:pointer;background-color:var(--color-elevated);border:none;border-radius:4px}.showcase-label[data-astro-cid-ketsolox]{font-size:12px;color:var(--color-text3)}.has-outline[data-astro-cid-ketsolox]{outline-width:var(--outline-width, 2px);outline-color:var(--outline-color, #0f39fe);outline-offset:var(--outline-offset, 2px)}.has-outline[data-astro-cid-ketsolox]:focus-visible{outline-color:#dc3545}.section[data-astro-cid-cb7d7j45]{display:flex;flex-direction:column}.section-title[data-astro-cid-cb7d7j45]{margin-bottom:24px;font-size:15px;color:var(--color-text1)}.card-grid[data-astro-cid-cb7d7j45]{display:inline-grid;grid-template-columns:1fr;gap:48px}@media screen and (width >= max(768px,48rem)){.card-grid[data-astro-cid-cb7d7j45]{grid-template-columns:repeat(2,1fr)}}.showcase-card[data-astro-cid-cb7d7j45]{padding:12px;overflow:hidden;cursor:pointer;background-color:var(--color-surface);border:none;border-radius:4px;transition:background-color .2s}.card-thumbnail[data-astro-cid-cb7d7j45]{aspect-ratio:16/10;background-color:var(--color-elevated);border-radius:2px}.card-body[data-astro-cid-cb7d7j45]{padding:14px 4px 4px}.card-header[data-astro-cid-cb7d7j45]{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:6px}.card-title[data-astro-cid-cb7d7j45]{font-size:15px;color:var(--color-text2)}.card-badge[data-astro-cid-cb7d7j45]{flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600;color:var(--color-base);background-color:var(--color-badge);border-radius:4px}.card-description[data-astro-cid-cb7d7j45]{font-size:13px;line-height:1.6;color:var(--color-text2);opacity:.7}.has-outline[data-astro-cid-cb7d7j45]{outline-width:var(--outline-width, 2px);outline-color:var(--outline-color, #0f39fe);outline-offset:var(--outline-offset, 2px)}.has-outline[data-astro-cid-cb7d7j45]:focus-visible{outline-color:#dc3545}.section[data-astro-cid-ay3tegxx]{display:flex;flex-direction:column}.section-title[data-astro-cid-ay3tegxx]{margin-bottom:24px;font-size:15px;color:var(--color-text1)}.link-grid[data-astro-cid-ay3tegxx]{display:inline-grid;grid-template-columns:1fr;gap:48px;width:-moz-fit-content;width:fit-content}@media screen and (width >= max(640px,40rem)){.link-grid[data-astro-cid-ay3tegxx]{grid-template-columns:repeat(4,1fr)}}.showcase-item[data-astro-cid-ay3tegxx]{display:flex;flex-direction:column;gap:12px;align-items:center}.showcase-link[data-astro-cid-ay3tegxx]{font-size:15px;color:var(--color-text1);text-decoration:underline;text-decoration-color:var(--color-decoration);text-underline-offset:4px;cursor:pointer}.showcase-label[data-astro-cid-ay3tegxx]{font-size:12px;color:var(--color-text3)}.has-outline[data-astro-cid-ay3tegxx]{outline-width:var(--outline-width, 2px);outline-color:var(--outline-color, #0f39fe);outline-offset:var(--outline-offset, 2px)}.has-outline[data-astro-cid-ay3tegxx]:focus-visible{outline-color:#dc3545}.control-panel[data-astro-cid-bjt45tb2]{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--color-surface);border:none;border-radius:4px}.panel-header[data-astro-cid-bjt45tb2]{display:flex;align-items:center;justify-content:space-between}.panel-title[data-astro-cid-bjt45tb2]{font-size:15px;color:var(--color-text2)}.reset-button[data-astro-cid-bjt45tb2]{display:grid;place-items:center;padding:6px;color:var(--color-text2);cursor:pointer;background:transparent;border:none;border-radius:4px}.reset-button[data-astro-cid-bjt45tb2]:focus-visible{outline:2px solid var(--color-badge);outline-offset:2px}.panel-divider[data-astro-cid-bjt45tb2]{border:none;border-top:1px solid var(--color-border)}.control-group[data-astro-cid-bjt45tb2]{display:flex;flex-direction:column;gap:8px}.control-label-row[data-astro-cid-bjt45tb2]{display:flex;align-items:center;justify-content:space-between}.control-label[data-astro-cid-bjt45tb2]{font-size:12px;font-weight:500;color:var(--color-text2)}.control-value[data-astro-cid-bjt45tb2]{padding:2px 8px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-base);background-color:var(--color-badge);border-radius:4px}.control-value--mono[data-astro-cid-bjt45tb2]{font-family:monospace}.control-range[data-astro-cid-bjt45tb2]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--color-border);border-radius:3px}.control-range[data-astro-cid-bjt45tb2]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:var(--color-badge);border:none;border-radius:50%}.control-range[data-astro-cid-bjt45tb2]::-moz-range-thumb{width:16px;height:16px;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--color-badge);border:none;border-radius:50%}.control-range[data-astro-cid-bjt45tb2]:focus-visible{outline:2px solid var(--color-badge);outline-offset:2px}.control-range-labels[data-astro-cid-bjt45tb2]{display:flex;justify-content:space-between;font-size:11px;color:var(--white)}.control-color[data-astro-cid-bjt45tb2]{width:100%;height:28px;cursor:pointer;border-radius:4px}.snippet-box[data-astro-cid-bjt45tb2]{position:relative}.snippet-code[data-astro-cid-bjt45tb2]{padding:10px 12px 36px;overflow-x:hidden;font-family:monospace;font-size:11px;line-height:1.7;color:var(--color-surface);white-space:pre;background-color:var(--color-inset);border:1px solid var(--color-border);border-radius:4px}.copy-button[data-astro-cid-bjt45tb2]{position:absolute;right:8px;bottom:8px;padding:2px 8px;font-size:12px;font-weight:600;color:var(--color-base);cursor:pointer;background-color:var(--color-badge);border:none;border-radius:4px}.copy-button[data-astro-cid-bjt45tb2]:focus-visible{outline:2px solid var(--color-badge);outline-offset:2px}@media screen and (width >= max(1024px,64rem)){.page[data-astro-cid-j7pv25f6]{padding-bottom:0}}.container[data-astro-cid-j7pv25f6]{display:flex;gap:24px;align-items:flex-start;padding:32px 16px;margin-inline:auto}@media screen and (width >= max(640px,40rem)){.container[data-astro-cid-j7pv25f6]{padding:32px 24px}}@media screen and (width >= max(1024px,64rem)){.container[data-astro-cid-j7pv25f6]{padding:32px}}.content[data-astro-cid-j7pv25f6]{flex:1;min-width:0}.showcase-grid[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:56px}.sidebar[data-astro-cid-j7pv25f6]{position:sticky;top:32px;display:block;flex-shrink:0;width:280px}