: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{background:var(--background);margin-top:0;margin-bottom:0}img{max-width:100%;height:auto;display:block}a{color:var(--text-primary);text-decoration:none}#container{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;width:100%;max-width:1280px;min-height:100vh;margin:0 auto;padding:0;display:flex}header{flex:initial;flex-flow:wrap;justify-content:space-between;align-items:center;width:95%;margin:0;padding:0 2.5%;display:flex;position:relative}header:before{content:"";background:var(--layer-selected-inverse);z-index:-1;position:absolute;inset:0 calc(-50vw + 50%)}figure.menu-icon{flex:initial;width:32px;margin:0;padding:0}figure.menu-icon:hover{cursor:pointer}nav{z-index:2;width:18em;max-height:80vh;margin:0;padding:0;position:fixed;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}.overlay{background:var(--background);opacity:1;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}main{flex-flow:wrap;flex:auto;justify-content:flex-start;align-items:flex-start;width:95%;padding:0;display:flex}@media (width>=300px) and (width<=599px){main{margin:1em 2.5%}}@media (width>=600px) and (width<=899px){main{margin:1.5em 2.5%}}@media (width>=900px){main{margin:2em 2.5%}}hgroup{flex:initial;width:100%;margin:0;padding:0}.home-grid{flex:initial;grid-auto-rows:auto;width:100%;margin:0;padding:0;display:grid}.home-grid-intro{margin:0;padding:0}.home-grid-notice{flex-flow:wrap;justify-content:flex-start;align-items:center;margin:0;padding:0;display:flex}.home-grid-notice-card{background:var(--tag-background-blue);border:2px solid var(--tag-border-blue);width:90%;margin:0;padding:.5em 5%}.home-grid-card{background:var(--layer-01);flex-flow:wrap;justify-content:flex-start;align-items:flex-start;margin:0;padding:0;display:flex}@media (width>=300px) and (width<=399px){.home-grid{grid-template-columns:1fr;row-gap:1em}.home-grid-intro{border-bottom:1px solid var(--border-subtle-01)}}@media (width>=400px) and (width<=599px){.home-grid{grid-template-columns:repeat(2,1fr);gap:1em}.home-grid-intro{border-bottom:1px solid var(--border-subtle-01);grid-area:1/1/2/3}.home-grid-notice{grid-area:2/1/3/3}}@media (width>=600px) and (width<=899px){.home-grid{grid-template-columns:repeat(3,1fr);gap:1.5em}.home-grid-intro{border-bottom:1px solid var(--border-subtle-01);grid-area:1/1/2/4}.home-grid-notice{grid-area:2/1/3/4}}@media (width>=900px){.home-grid{grid-template-columns:repeat(4,1fr);gap:2em}.home-grid-intro{grid-area:1/1/2/4}.home-grid-notice{grid-area:1/4/2/5}}figure.home-grid-img{flex:initial;width:100%;margin:0;padding:0}.intro{border-bottom:1px solid var(--border-subtle-01);flex:initial;flex-flow:wrap;justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:0;display:flex}.intro-headline{flex:initial;width:100%;max-width:700px;margin:0 0 1em;padding:0}.intro-card{flex:initial;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;display:flex}figure.intro-image,.intro-text{flex:initial;width:100%;margin:0;padding:0}.intro-sidebar{flex:initial;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;margin:0;padding:0;display:flex}.intro-sidebar-card{background:var(--layer-selected-01);flex:initial;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;width:90%;margin:0 0 2em;padding:1em 5%;display:flex}.intro-sidebar-text{flex:initial;width:100%;margin:0;padding:0}@media (width>=300px) and (width<=799px){.intro-card{border-bottom:1px solid var(--border-subtle-01);width:100%;margin:0 0 2em;padding:0 0 1em}.intro-sidebar{width:100%}}@media (width>=800px){.intro-card{border-right:1px solid var(--border-subtle-01);width:55%;padding:0 2.5% 1em 0}.intro-sidebar{width:40%}}.design{flex:initial;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;width:100%;margin:0;padding:0;display:flex}.wireframes{flex:initial;flex-flow:wrap;justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:0;display:flex}figure.wireframe{border:1px solid var(--border-subtle-01);flex:initial;margin:0 0 2em;padding:0}@media (width>=300px) and (width<=599px){figure.wireframe{width:100%}}@media (width>=600px){figure.wireframe{width:47.5%}}footer{flex:initial;flex-flow:wrap;justify-content:center;align-items:center;width:95%;margin:0;padding:1em 2.5%;display:flex;position:relative}footer:before{content:"";background:var(--layer-selected-01);border-top:1px solid var(--border-subtle-02);z-index:-1;position:absolute;inset:0 calc(-50vw + 50%)}button{background:var(--button-primary);width:100px;color:var(--text-on-color);border:none;border-radius:16px;padding:0;line-height:1.8}button a{color:var(--text-on-color);display:block}button:hover{text-decoration:underline}.btn-lg{font-size:var(--fs0);margin:0 20px}.btn-sm{font-size:var(--fs-1);margin:1em 0 0}h1{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,serif;font-style:normal;font-weight:500;font-size:var(--fs0);color:var(--text-on-color);line-height:1.5;display:inline-flex}h2{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,serif;font-style:normal;font-weight:600;font-size:var(--fs3);color:var(--syntax-heading-2);line-height:1.2}h3{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,serif;font-style:normal;font-weight:800;font-size:var(--fs1);color:var(--text-primary);line-height:1.2}p{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,serif;font-style:normal;font-weight:400;font-size:var(--fs0);color:var(--text-primary);line-height:1.8}p a{color:var(--text-primary);text-decoration:underline}.notice{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,serif;font-style:normal;font-weight:400;font-size:var(--fs-1);color:var(--tag-color-blue);line-height:1.5}figcaption{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,serif;font-style:normal;font-weight:400;font-size:var(--fs-1);color:var(--text-secondary);line-height:1.5}.fig-heading{font-weight:700;display:block}.home-grid-img-caption{text-align:left;padding:1em 5%}.intro-card-caption{text-align:left;padding:.5em 0}.wire-caption{text-align:left;padding:1em 5%}dl{margin:.5em 0;padding:0}dt{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,serif;font-style:normal;font-weight:800;font-size:var(--fs0);color:var(--text-primary);line-height:1.8}dd{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,serif;font-style:normal;font-weight:400;font-size:var(--fs0);color:var(--text-primary);margin-left:0;line-height:1.6}.menu-item{font-optical-sizing:auto;font-variation-settings:"wdth" 100;width:80%;font-family:Noto Sans,serif;font-style:normal;font-weight:500;font-size:var(--fs0);color:var(--text-primary);text-align:center;margin:0;padding:0 10%;line-height:2.5;display:inline-flex}.menu-item:hover{background:var(--layer-selected-01)}nav .router-link-exact-active{color:var(--text-primary);text-decoration:none}nav .router-link-active{background:var(--highlight);width:100%;text-decoration:none}