@layer tokens,theme,foundation,layout,component,project,animation,utility,custom;@import"https://cdn.jsdelivr.net/npm/kiso.css@latest/kiso.css"layer(foundation);@layer tokens{@property --viewport-min{syntax: "<number>"; inherits: true; initial-value: 375;}@property --viewport-max{syntax: "<number>"; inherits: true; initial-value: 1280;}@property --content-max{syntax: "<number>"; inherits: true; initial-value: 900;}}@layer tokens{:root{--olive: oklch(78.49% .184 126.64);--olive-50: oklch(97% .079 126.64);--olive-100: oklch(93.44% .184 126.64);--olive-200: oklch(88.24% .184 126.64);--olive-300: oklch(82.16% .184 126.64);--olive-400: oklch(75.43% .184 126.64);--olive-500: oklch(68.16% .184 126.64);--olive-600: oklch(60.45% .181 126.64);--olive-700: oklch(52.34% .157 126.64);--olive-800: oklch(43.88% .132 126.64);--olive-900: oklch(35.09% .105 126.64);--olive-950: oklch(26% .078 126.64);--gray-50: oklch(97% 0 none);--gray-100: oklch(93.44% 0 none);--gray-200: oklch(88.24% 0 none);--gray-300: oklch(82.16% 0 none);--gray-400: oklch(75.43% 0 none);--gray-500: oklch(68.16% 0 none);--gray-600: oklch(60.45% 0 none);--gray-700: oklch(52.34% 0 none);--gray-800: oklch(43.88% 0 none);--gray-900: oklch(35.09% 0 none);--gray-950: oklch(26% 0 none);--blue-50: oklch(97% .016 262.29);--blue-100: oklch(93.44% .034 262.29);--blue-200: oklch(88.24% .063 262.29);--blue-300: oklch(82.16% .097 262.29);--blue-400: oklch(75.43% .137 262.29);--blue-500: oklch(68.16% .168 262.29);--blue-600: oklch(60.45% .168 262.29);--blue-700: oklch(52.34% .168 262.29);--blue-800: oklch(43.88% .168 262.29);--blue-900: oklch(35.09% .168 262.29);--blue-950: oklch(26% .152 262.29);--purple-50: oklch(97% .016 287.24);--purple-100: oklch(93.44% .036 287.24);--purple-200: oklch(88.24% .067 287.24);--purple-300: oklch(82.16% .103 287.24);--purple-400: oklch(75.43% .122 287.24);--purple-500: oklch(68.16% .122 287.24);--purple-600: oklch(60.45% .122 287.24);--purple-700: oklch(52.34% .122 287.24);--purple-800: oklch(43.88% .122 287.24);--purple-900: oklch(35.09% .122 287.24);--purple-950: oklch(26% .122 287.24);--red-50: oklch(97% .019 26.85);--red-100: oklch(93.44% .043 26.85);--red-200: oklch(88.24% .081 26.85);--red-300: oklch(82.16% .129 26.85);--red-400: oklch(75.43% .189 26.85);--red-500: oklch(68.16% .207 26.85);--red-600: oklch(60.45% .207 26.85);--red-700: oklch(52.34% .207 26.85);--red-800: oklch(43.88% .201 26.85);--red-900: oklch(35.09% .161 26.85);--red-950: oklch(26% .119 26.85)}}@layer tokens{:root{--screen-width: sm;@media(width>=48rem){--screen-width: md}@media(width>=64rem){--screen-width: lg }--stack-foreground: 1;--stack-background: -1}}@layer theme{:root{--theme-bg: var(--olive);--theme-bg-light: light-dark(var(--olive-50), var(--olive-950));--theme-fg: var(--gray-950);--color-base-bg: light-dark(var(--gray-50), var(--gray-950));--color-canvas-bg: light-dark(var(--olive-50), var(--olive-950));--color-text: light-dark(var(--gray-950), var(--gray-50));--color-text-light: light-dark(var(--gray-600), var(--gray-400));--footer-bg: var(--gray-950);--footer-fg: var(--gray-50);--color-shadow: light-dark(oklch(from var(--gray-950) l c h / 10%), oklch(from var(--gray-50) l c h / 10%));--color-error: light-dark(var(--red-700), var(--red-500));--color-link: light-dark(var(--blue-600), var(--blue-400));--color-link-hover: light-dark(var(--blue-500), var(--blue-500));--color-link-active: light-dark(var(--blue-400), var(--blue-600));--color-link-visited: light-dark(var(--purple-700), var(--purple-400));--color-link-visited-hover: light-dark(var(--purple-800), var(--purple-300));--color-link-visited-active: light-dark(var(--purple-900), var(--purple-200));color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}@layer theme{:root{--content-inline-size: var(--content-max);--header-height: 0px;--scroll-margin: var(--header-height)}}@layer foundation{*,*:before,*:after{min-inline-size:0}:root:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}:where(html){container-type:scroll-state;font-size:100%;interpolate-size:allow-keywords}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}:where(body){background-color:var(--color-base-bg);color:var(--color-text);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.5}:where(:any-link){text-decoration-color:color-mix(in oklch,currentColor,transparent 40%);text-decoration-line:revert;text-underline-offset:.25em}:where(:link){color:var(--color-link);&:focus-visible{color:var(--color-link-hover)}@media(any-hover:hover){&:hover{color:var(--color-link-hover)}}&:active{color:var(--color-link-active)}}:where(:visited){color:var(--color-link-visited);&:focus-visible{color:var(--color-link-visited-hover)}@media(any-hover:hover){&:hover{color:var(--color-link-visited-hover)}}&:active{color:var(--color-link-visited-active)}}:where(header a),:where(footer a){color:inherit;text-decoration:none}:where(:focus-visible){outline-offset:4px}:where([id]),:where(:focus){scroll-margin-block-start:var(--scroll-margin)}:where(button){inline-size:fit-content}:where(input[type=text]){font-size:1rem}:where(small){font-size:1rem}}@layer layout{.l-header{box-shadow:0 2px 8px var(--color-shadow);container-name:header;container-type:inline-size;padding-block:.5rem}.l-header__container{align-items:center;column-gap:1rem;display:grid;grid-template-columns:auto minmax(max-content,1fr);margin-inline:auto;max-inline-size:1024px;padding-inline:2%;@media(width>=1024px){padding-inline:0}}.l-header__container[data-center-logo]{grid-template-columns:unset;row-gap:.5rem;>*:first-child{justify-self:center}@media(width<768px){justify-content:unset;row-gap:.25rem}}.l-header__inner{container-type:inline-size;display:grid;justify-content:end}}@layer layout{.l-footer{background-color:var(--footer-bg);color:var(--footer-fg);container-name:footer;container-type:inline-size;inline-size:100%;inset-block-start:100%;position:sticky}.l-footer__container{display:grid;margin-inline:auto;max-inline-size:1024px;padding-block:1rem;padding-inline:2%;row-gap:1rem;@media(width>=1024px){padding-inline:0}}}@layer layout{.l-wrapper{display:grid;margin-block:2rem;margin-inline:auto;max-inline-size:1024px;row-gap:2rem}}@layer layout{.l-container{container-type:inline-size;display:grid}.l-container:has(.l-sidebar){@media(width>=1024px){column-gap:2%;grid-template-columns:75% auto}}}@layer layout{.l-sidebar{align-content:start;display:grid;row-gap:2rem}}@layer component{.c-button{border:0;display:grid;min-block-size:3rem;min-inline-size:3rem;position:relative}}@layer component{.c-icon{block-size:2px;inline-size:1.5rem;inset:0;margin:auto;position:absolute;&:before,&:after{background-color:currentColor;block-size:100%;content:"";inline-size:100%;position:absolute}}.c-icon[data-icon=hamburger]{background-color:currentColor;&:before{inset-block-start:-.5rem}&:after{inset-block-start:.5rem}}.c-icon[data-icon=cancel]{&:before{transform:rotate(45deg)}&:after{transform:rotate(-45deg)}}.c-icon:has(+.c-icon__label){inset-block-start:-1rem}.c-icon__label{align-self:end;font-size:.875rem;white-space:nowrap}}@layer component{.c-menu{&:has([data-layout=vertical]){padding-block:.5rem}}.c-menu__list{display:flex;rule:1px solid;rule-inset:.25em}.c-menu__item{display:grid;white-space:nowrap;a{align-items:center;color:inherit;display:block;padding-block:.25em;padding-inline:.75em;text-decoration:none}}.c-menu__list[data-layout=horizontal]{flex-direction:row}.c-menu__list[data-layout=vertical]{flex-direction:column;gap:1rem;text-align:center}}@layer component{.c-sidebar-widget{display:grid}.c-sidebar-widget__title{background-color:var(--theme-bg-light);display:grid;font-size:1.25rem;padding-block:.5rem;padding-inline:1rem;place-content:center}.c-sidebar-widget__list{display:grid;grid-template-columns:auto max-content;row-rule:1px solid var(--color-text-light)}.c-sidebar-widget__list:has(.c-sidebar-widget__thumbnail){column-gap:4%;grid-template-columns:20% auto}.c-sidebar-widget__list[data-ranking]{counter-reset:rank 0;li{counter-increment:rank 1;position:relative;&:after{background-color:var(--theme-bg);block-size:2rem;clip-path:polygon(0 0,0 100%,100% 0);color:var(--theme-fg);content:counter(rank);display:block;inline-size:2rem;inset-block-start:1px;inset-inline-start:0;padding-inline-start:.25em;position:absolute}}}.c-sidebar-widget__item{align-items:center;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;padding-block:1rem;padding-inline:1rem;position:relative;a{color:inherit;display:block;text-decoration:none}a:after{content:"";inset:0;position:absolute}}.c-sidebar-widget__thumbnail{align-self:start;aspect-ratio:1;background-color:var(--theme-bg);img{display:block;inline-size:100%;object-fit:cover}}}@layer project{.p-breadcrumb{font-size:.875rem;letter-spacing:.125em;text-transform:uppercase}.p-breadcrumb__list{display:flex;flex-wrap:wrap;gap:.5rem;white-space:nowrap}.p-breadcrumb__item{align-items:center;display:grid}.p-breadcrumb__item:not(:first-child){gap:.5rem;grid-template-columns:1rem auto;&:before{background-color:currentColor;block-size:1px;content:"";display:block;inline-size:1rem}}}@layer project{.p-copyright{justify-self:center}}@layer project{.p-drawer{align-content:start;background-color:var(--color-canvas-bg);block-size:100%;inline-size:100%;margin-block:0;margin-inline:10% 0;overflow:hidden;padding-block:2.5rem;padding-inline:4% 14%;transition-behavior:allow-discrete;transition-duration:.6s;transition-property:display,translate;transition-timing-function:var(--ease-out-elastic);translate:100%;row-gap:2.5rem;z-index:calc(infinity);&::backdrop{opacity:0;transition-duration:.6s;transition-property:opacity}}.p-drawer[open]{display:grid;translate:0;@starting-style{translate:100%}&::backdrop{opacity:1;@starting-style{opacity:0}}}}@layer project{.p-logo{align-items:center;display:grid;grid-auto-flow:column;inline-size:fit-content;justify-content:start;position:relative}.p-logo__image{max-inline-size:none}.p-logo__text{font-size:1.5rem;padding-inline:.5rem;white-space:nowrap;a{color:inherit}a:after{content:"";inset:0;position:absolute}}}@layer project{.p-page{display:grid;row-gap:2.5rem}.p-page__header{padding-inline:2%}.p-page__title{font-size:1.5em;margin-block:0 1.25em}.p-page__info{align-items:center;column-gap:1rem;display:grid;grid-auto-flow:column;justify-content:space-between;row-gap:.5rem}.p-page__eyecatch{display:grid;inline-size:100%;justify-content:center;img{box-shadow:0 2px 8px var(--color-shadow);display:block;inline-size:100%}}.p-page__content{line-height:1.75;padding-inline:2%;>h2{border-block-end:1px solid var(--color-text-light);font-size:1.5em;margin-block:2rem 1rem;padding-block-end:.25em}>h3{border-inline-start:.5em solid var(--theme-bg);font-size:1.125rem;margin-block:2rem 1rem;padding-inline-start:.5em}>p{margin-block-end:1rem}>ul,>ol{margin-block:1rem;padding-inline-start:1.5rem}>ul{list-style-type:revert}}}@layer project{.p-skip-link{inset-block-start:0;justify-self:center;position:absolute;z-index:calc(infinity);&:not(:focus-within){block-size:1px;inline-size:1px;opacity:0;overflow:clip;pointer-events:none}}.p-skip-link a{background-color:var(--theme-bg);border-radius:0 0 .25em .25em;color:var(--theme-fg);display:block;padding-block:.25rem;padding-inline:.5rem;text-decoration:none}}@layer animation{:root{--ease-out-elastic: cubic-bezier(0, 1.35, .5, 1)}}@layer animation{@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}}@layer animation{@keyframes slide-in-from-left{0%{translate:-100%}}@keyframes slide-in-from-right{0%{translate:100%}}@keyframes slide-out-to-left{to{translate:-100%}}@keyframes slide-out-to-right{to{translate:100%}}@keyframes slide-in-from-bottom{0%{translate:0 100%}}@keyframes slide-in-from-top{0%{translate:0 -100%}}@keyframes slide-out-to-bottom{to{translate:0 100%}}@keyframes slide-out-to-top{to{translate:0 -100%}}}@layer animation{@media(prefers-reduced-motion:reduce){*,*::before,*::after. *::backdrop{animation-delay:unset!important;animation-duration:1ms!important;animation-iteration-count:unset!important;background-attachment:unset!important;scroll-behavior:unset!important;transition-delay:unset!important;transition-duration:1ms!important;view-transition-name:none!important}}}@layer utility{.u-hidden-sm{@container style(--screen-width: sm){display:none!important}}.u-hidden-md{@container style(--screen-width: md){display:none!important}}.u-hidden-lg{@container style(--screen-width: lg){display:none!important}}.u-visually-hidden{block-size:1px!important;border:0!important;clip-path:inset(50%)!important;inline-size:1px!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;visibility:visible!important;white-space:nowrap!important}}@layer custom;