:root{--fs-1: clamp(.8333rem, .7246rem + .4831vw, 1.1111rem);--fs0: clamp(.9375rem, .8152rem + .5435vw, 1.25rem);--fs1: clamp(1.0547rem, .9171rem + .6114vw, 1.4063rem);--fs2: clamp(1.1865rem, 1.0318rem + .6878vw, 1.582rem);--fs3: clamp(1.3348rem, 1.1607rem + .7738vw, 1.7798rem);--layer-01: #fff;--background: #f4f4f4;--layer-selected-01: #e0e0e0;--layer-selected-inverse: #161616;--text-primary: #161616;--text-secondary: #525252;--syntax-heading-2: #0072c3;--tag-background-blue: #d0e2ff;--tag-border-blue: #78a9ff;--tag-color-blue: #0043ce;--button-primary: #0f62fe;--text-on-color: #fff;--border-subtle-01: #e0e0e0;--border-subtle-02: #c6c6c6;--highlight: #d0e2ff}body{margin-top:0;margin-bottom:0;background:var(--background)}img{max-width:100%;height:auto;display:block}.rounded{border-radius:12px}a{text-decoration:none;color:var(--text-primary)}#container{width:100%;max-width:1280px;margin:0 auto;padding:0;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}header{width:95%;margin:0;padding:0 2.5%;position:relative;flex:initial;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}header:before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);background:var(--layer-selected-inverse);z-index:-1}figure.menu-icon{width:32px;margin:0;padding:0;flex:initial}figure.menu-icon:hover{cursor:pointer}nav{width:18em;max-height:80vh;overflow-y:scroll;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.overlay{width:100vw;height:100vh;background:var(--background);opacity:1;position:fixed;top:0;left:0;z-index:1}main{width:95%;padding:0;flex:initial;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}@media(min-width:300px)and (max-width:599px){main{margin:1em 2.5%}}@media(min-width:600px)and (max-width:899px){main{margin:1.5em 2.5%}}@media(min-width:900px){main{margin:2em 2.5%}}hgroup{width:100%;margin:0;padding:0;flex:initial}.home-grid{width:100%;margin:0;padding:0;flex:initial;display:grid;grid-auto-rows:auto}.home-grid-intro{margin:0;padding:0}.home-grid-notice{margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}.home-grid-notice-card{width:90%;margin:0;padding:.5em 5%;background:var(--tag-background-blue);border:2px solid var(--tag-border-blue);border-radius:12px}.home-grid-card{margin:0;padding:0;background:var(--layer-01);border-radius:12px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}@media(min-width:300px)and (max-width:399px){.home-grid{grid-template-columns:1fr;row-gap:1em}.home-grid-intro{border-bottom:1px solid var(--border-subtle-01)}}@media(min-width:400px)and (max-width:599px){.home-grid{grid-template-columns:repeat(2,1fr);gap:1em}.home-grid-intro{grid-column:1 / 3;grid-row:1 / 2;border-bottom:1px solid var(--border-subtle-01)}.home-grid-notice{grid-column:1 / 3;grid-row:2 / 3}}@media(min-width:600px)and (max-width:899px){.home-grid{grid-template-columns:repeat(3,1fr);gap:1.5em}.home-grid-intro{grid-column:1 / 4;grid-row:1 / 2;border-bottom:1px solid var(--border-subtle-01)}.home-grid-notice{grid-column:1 / 4;grid-row:2 / 3}}@media(min-width:900px){.home-grid{grid-template-columns:repeat(4,1fr);gap:2em}.home-grid-intro{grid-column:1 / 4;grid-row:1 / 2}.home-grid-notice{grid-column:4 / 5;grid-row:1 / 2}}figure.home-grid-img{width:100%;margin:0;padding:0;flex:initial}.intro{width:95%;margin:0 2.5%;padding:0;border-bottom:1px solid var(--border-subtle-01);flex:initial;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start}.intro-headline{width:100%;max-width:700px;margin:1em 0;padding:0;flex:initial}.intro-card{flex:initial;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}figure.intro-image{width:100%;margin:0;padding:0;flex:initial}.intro-text{width:100%;margin:0;padding:0;flex:initial}.intro-sidebar{margin:0;padding:0;flex:initial;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}.intro-sidebar-card{width:90%;margin:0 0 2em;padding:1em 5%;background:var(--layer-selected-01);border-radius:12px;flex:initial;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}.intro-sidebar-text{width:100%;margin:0;padding:0;flex:initial}@media(min-width:300px)and (max-width:799px){.intro-card{width:100%;margin:0 0 2em;padding:0 0 1em;border-bottom:1px solid var(--border-subtle-01)}.intro-sidebar{width:100%}}@media(min-width:800px){.intro-card{width:55%;padding:0 2.5% 1em 0;border-right:1px solid var(--border-subtle-01)}.intro-sidebar{width:40%}}.design{width:95%;margin:0 2.5%;padding:0;flex:initial;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}.wireframes{width:100%;margin:0;padding:0;flex:initial;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start}figure.wireframe{margin:0 0 2em;padding:0;border:1px solid var(--border-subtle-01);border-radius:12px;flex:initial}@media(min-width:300px)and (max-width:599px){figure.wireframe{width:100%}}@media(min-width:600px){figure.wireframe{width:47.5%}}footer{width:95%;margin:0;padding:1em 2.5%;flex:initial;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;position:relative}footer:before{content:"";position:absolute;background:var(--layer-selected-01);border-top:1px solid var(border-subtle-02);inset:0 calc((100vw - 100%)/-2);z-index:-1}button{width:100px;padding:0;background:var(--button-primary);border:none;border-radius:16px;line-height:1.8;color:var(--text-on-color)}button a{color:var(--text-on-color);display:block}button:hover{text-decoration:underline}.btn-lg{margin:0 20px;font-size:var(--fs0)}.btn-sm{margin:1em 0 0;font-size:var(--fs-1)}.error-text{width:95%;margin:0;padding:2em 2.5%;flex:initial}h1{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs0);line-height:1.5;color:var(--text-on-color);display:inline-flex}h2{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs3);line-height:1.2;color:var(--syntax-heading-2)}h3{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs1);line-height:1.2;color:var(--text-primary)}p{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs0);line-height:1.8;color:var(--text-primary)}p a{text-decoration:underline;color:var(--text-primary)}.notice{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs-1);line-height:1.5;color:var(--tag-color-blue)}figcaption{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs-1);line-height:1.5;color:var(--text-secondary)}.fig-heading{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs0);line-height:1.2;margin-top:.25em;margin-bottom:.25em;display:block}.home-grid-img-caption{padding:1em 5%;text-align:left}.intro-card-caption{padding:.5em 0;text-align:left}.wire-caption{padding:1em 5%;text-align:left}dl{margin:.5em 0;padding:0}dt{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs0);line-height:1.8;color:var(--text-primary)}dd{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs0);line-height:1.6;color:var(--text-primary);margin-left:0}.menu-item{width:80%;margin:0;padding:0 10%;font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100;font-size:var(--fs0);line-height:2.5;color:var(--text-primary);display:inline-flex;text-align:center}.menu-item:hover{background:var(--layer-selected-01)}nav .router-link-exact-active{text-decoration:none;color:var(--text-primary)}nav .router-link-active{width:100%;background:var(--highlight);text-decoration:none}