diff --git a/preview b/preview
index e81080d8e..166717150 160000
--- a/preview
+++ b/preview
@@ -1 +1 @@
-Subproject commit e81080d8e49802d21d24d23c017d916feab2f432
+Subproject commit 166717150b5ee4a4f0efb664c877544caf63bded
diff --git a/themes/vald/layouts/_default/list.html b/themes/vald/layouts/_default/list.html
index 2c2292c86..7ca4ae4d5 100644
--- a/themes/vald/layouts/_default/list.html
+++ b/themes/vald/layouts/_default/list.html
@@ -1,78 +1,86 @@
 {{ define "main" }}
 {{ $current := .Page.Permalink }}
 {{ partial "sidebar.html" . }}
-<div class="content">
+<!--<div class="content">-->
   {{ if gt (len .Content) 0 }}
+  <div class="content">
     <div class="markdown">
       {{ .Content }}
     </div>
     {{ partial "toc.html" . }}
+  </div>
   {{ else }}
-  <div class="markdown">
-    <h1>Document Overview</h1>
-    {{ if ne .Page.RelPermalink "/docs/" }}
-    <div class="caution">
-      <p>This Documents are for <strong>{{ index ($arr := split .Page.RelPermalink "/" ) 2 }}</strong>.</p>
+  <div class="content__wrapper content__wrapper-header">
+    <div class="content__header">
+      <p>Let's Start Vald</p>
+      <span>
+        There is a list of documents about Vald.<br>
+        Let's try to check the documents that you want to know.
+      </span>
     </div>
-    {{ end }}
-    <p>
-      There is a list of documents about Vald.<br>
-      Let's try to check the documents that you want to know.
-    </p>
+    <div class="content">
+      <div class="markdown">
+        <h1>Document Overview</h1>
+        {{ if ne .Page.RelPermalink "/docs/" }}
+        <div class="caution">
+          <p>This Documents are for <strong>{{ index ($arr := split .Page.RelPermalink "/" ) 2 }}</strong>.</p>
+        </div>
+        {{ end }}
 
-    <h2>Overview</h2>
-      <p>
-        Overview shows the concept of Vald and mentions the top level design of Vald.
-      </p>
-      {{ partial "list.html" (dict "menu" .Site.Menus.overview "current" $current) -}}
+        <h2>Overview</h2>
+          <p>
+            Overview shows the concept of Vald and mentions the top level design of Vald.
+          </p>
+          {{ partial "list.html" (dict "menu" .Site.Menus.overview "current" $current) -}}
 
-    <h2>Tutorial</h2>
-      <p>
-        Tutorial takes you Vald World!!!<br>
-        You can deploy Vald in your Kubernetes cluster and running Vald with sample code.
-      </p>
-      {{ partial "list.html" (dict "menu" .Site.Menus.tutorial "current" $current) -}}
+        <h2>Tutorial</h2>
+          <p>
+            Tutorial takes you Vald World!!!<br>
+            You can deploy Vald in your Kubernetes cluster and running Vald with sample code.
+          </p>
+          {{ partial "list.html" (dict "menu" .Site.Menus.tutorial "current" $current) -}}
 
-    <h2>Usecase</h2>
-      <p>
-        Usecase supports you to imagine how to use Vald for your services.<br>
-        Also, you can get the introduction examples.
-      </p>
-      {{ partial "list.html" (dict "menu" .Site.Menus.usecase "current" $current) -}}
+        <h2>Usecase</h2>
+          <p>
+            Usecase supports you to imagine how to use Vald for your services.<br>
+            Also, you can get the introduction examples.
+          </p>
+          {{ partial "list.html" (dict "menu" .Site.Menus.usecase "current" $current) -}}
 
-    <h2>User Guides</h2>
-      <p>
-        If you'd like to configure for your Vald Cluster or wonder how to operate, you can find out the answer from these documents.
-      </p>
-      {{ partial "list.html" (dict "menu" .Site.Menus.userguides "current" $current) -}}
+        <h2>User Guides</h2>
+          <p>
+            If you'd like to configure for your Vald Cluster or wonder how to operate, you can find out the answer from these documents.
+          </p>
+          {{ partial "list.html" (dict "menu" .Site.Menus.userguides "current" $current) -}}
 
-    <h2>APIs</h2>
-      <p>
-        Vald provides Insert, Update, Upsert, Search, and Delete APIs.<br>
-        Each API to use with gRPC for request to the Vald Cluster.<br>
-        Each document describes the definition of API, which helps you to use Vald Official Client.
-      </p>
-      {{ partial "list.html" (dict "menu" .Site.Menus.api "current" $current) -}}
+        <h2>APIs</h2>
+          <p>
+            Vald provides Insert, Update, Upsert, Search, and Delete APIs.<br>
+            Each API to use with gRPC for request to the Vald Cluster.<br>
+            Each document describes the definition of API, which helps you to use Vald Official Client.
+          </p>
+          {{ partial "list.html" (dict "menu" .Site.Menus.api "current" $current) -}}
 
-    <h2>Troubleshooting</h2>
-      <p>
-        When you encounter any problem, please refer to these documents and try to resolve it.
-      </p>
-      {{ partial "list.html" (dict "menu" .Site.Menus.troubleshooting "current" $current) -}}
+        <h2>Troubleshooting</h2>
+          <p>
+            When you encounter any problem, please refer to these documents and try to resolve it.
+          </p>
+          {{ partial "list.html" (dict "menu" .Site.Menus.troubleshooting "current" $current) -}}
 
-    <h2>Contributing</h2>
-      <p>
-        We are welcome to contribute to Vald even not as a developer.<br>
-        Please make sure, how to contribute to Vald.
-      </p>
-      {{ partial "list.html" (dict "menu" .Site.Menus.contributing "current" $current) -}}
+        <h2>Contributing</h2>
+          <p>
+            We are welcome to contribute to Vald even not as a developer.<br>
+            Please make sure, how to contribute to Vald.
+          </p>
+          {{ partial "list.html" (dict "menu" .Site.Menus.contributing "current" $current) -}}
 
-    <h2>Support</h2>
-      <p>
-        When wondering anything about Vald, please contact to us via Slack or Github.
-      </p>
-      {{ partial "list.html" (dict "menu" .Site.Menus.support "current" $current) -}}
-  </div>
-  {{ end }}
-</div>
+        <h2>Support</h2>
+          <p>
+            When wondering anything about Vald, please contact to us via Slack or Github.
+          </p>
+          {{ partial "list.html" (dict "menu" .Site.Menus.support "current" $current) -}}
+      </div><!--markdown-->
+    {{ end }}
+    </div><!--content-->
+  </div><!--content_wrapper-->
 {{ end }}
diff --git a/themes/vald/static/css/main.css b/themes/vald/static/css/main.css
index 1a062db46..aa76a9078 100644
--- a/themes/vald/static/css/main.css
+++ b/themes/vald/static/css/main.css
@@ -699,6 +699,32 @@ details > summary {
   position: relative;
 }
 
+.content__wrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.content__header {
+  width: 100%;
+  height: 200px;
+  background-image: url("../images/graphic.png");
+  display: flex;
+  align-items: left;
+  background-size: cover;
+  background-position: center;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.content__header p{
+  font-size: 32px;
+  margin-left: 40px;
+}
+
+.content__header span{
+  margin-left: 40px;
+}
+
 /*current*/
 .current {
   position: fixed;
@@ -1156,7 +1182,6 @@ details > summary {
   .page {
     width: 20%;
     margin-bottom: 0;
-    margin-right: 2%;
   }
 
   .content {
@@ -1164,6 +1189,7 @@ details > summary {
     display: -ms-flexbox;
     display: flex;
     width: 76%;
+    padding-left: 2%;
   }
 
   .markdown {
diff --git a/themes/vald/static/css/main.min.css b/themes/vald/static/css/main.min.css
index 603bc1fc9..9ccd22c54 100644
--- a/themes/vald/static/css/main.min.css
+++ b/themes/vald/static/css/main.min.css
@@ -1 +1 @@
-body{-webkit-text-size-adjust:100%}.top{background:linear-gradient(270.43deg,#00bab1 0,#006076 100%);position:relative;height:600px;overflow:hidden;margin-top:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;position:relative}.top__icon{display:block;position:absolute;width:150px;height:150px;background-color:#00bab1;border-radius:100%;background-size:100px;background-repeat:no-repeat;background-position:center;box-shadow:5px 5px 20px rgba(0,0,0,.05)}.top__icon.icon-logo{width:200px;height:200px;background-size:140px;background-image:url(../images/icon_logo.svg);left:50%;margin-left:-100px;top:50%;margin-top:-100px}.top__icon.icon-image{background-image:url(../images/icon_image.svg);right:-13%;top:19%}.top__icon.icon-data{background-image:url(../images/icon_data.svg);left:-13%;top:19%}.top__icon.icon-text{background-image:url(../images/icon_text.svg);right:3%;bottom:9%}.top__icon.icon-sound{background-image:url(../images/icon_sound.svg);left:3%;bottom:9%}.top__icon.icon-voice{background-image:url(../images/icon_voice.svg);left:50%;margin-left:-75px;top:2%}@media screen and (min-width:576px){.top__icon.icon-image{right:10%;top:19%}.top__icon.icon-data{left:10%;top:19%}.top__icon.icon-text{right:18%}.top__icon.icon-sound{left:18%}}@media screen and (min-width:768px){.top__icon.icon-logo{width:230px;height:230px;background-size:160px;background-image:url(../images/icon_logo.svg);left:70%;top:50%;margin-top:-115px}.top__icon.icon-image{right:4%;top:17%}.top__icon.icon-data{left:40%;top:25%}.top__icon.icon-text{right:9%}.top__icon.icon-sound{left:50%}.top__icon.icon-voice{left:65%;top:2%}}.top__content{padding:0 24px;position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center}.top__title{font-size:4.8rem;font-weight:700;margin-bottom:24px}.top__lead{font-size:3.2rem;margin-bottom:36px}.top__linklist{width:100%}.top__linkitem{display:flex;align-items:center;justify-content:center;padding:12px 24px;margin-bottom:10px;border:1px solid #fff;background:rgba(255,255,255,.2);color:#fff}.top__linkitem:hover{background:rgba(255,255,255,.1);transition:all .2s}.top__linkitem::before{content:"";display:inline-flex;margin-right:8px;background-size:16px 16px;background-repeat:no-repeat;width:16px;height:16px}.top__linkitem--getstarted::before{background-image:url(../images/top_icon_getstarted.svg)}.top__linkitem--docs::before{background-image:url(../images/top_icon_docs.svg)}.top__linkitem--valdslack::before{background-image:url(../images/top_icon_valdslack.svg)}@media screen and (min-width:768px){.top__linkitem{width:24%;display:inline-flex;padding:12px 24px;margin-bottom:0;margin-right:10px}.top__linklist{width:84%}}.top__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.top__mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,187,177,.3);z-index:2}.top__bg .bg__img{position:absolute;min-width:1440px;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.concept{width:100%;padding-bottom:80px;background-color:#fff;display:block;position:relative;overflow:hidden}.concept__content{width:100%;padding:0 24px;position:relative;z-index:10}.concept__block{display:inline-block}.concept__keyimage{display:block;width:70%;margin:0 auto}.concept__heading{font-size:2.8rem;font-weight:700;color:#006076;margin-bottom:32px}.concept__subheading{font-size:2rem;margin-bottom:24px;font-weight:700}.concept__text{text-align:justify;line-height:1.5em}.concept__bg{width:100%;display:flex;position:absolute;top:0}.bg__wrap .bg__wrap--dark{display:none}.concept__bg .bg__wrap{width:33.3%}.concept__bg .bg__wrap .bg__image{min-width:100%}.features{width:100%;padding-bottom:80px;background-color:#fff}.features__content{padding:0 24px;max-width:1108px;margin:0 auto}.features__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.features__heading{font-size:2.8rem;font-weight:700;color:#006076;margin-bottom:32px}.features__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.features__item{width:100%;padding:24px;margin-bottom:24px;background-color:#f8f8f8}.features__index{position:relative;font-weight:700}.card-image{min-width:48px;margin-right:12px}.about{width:100%;padding-bottom:80px;background-color:#f8f8f8;padding:84px 0}.about__content{margin:0 auto;padding:0 24px;margin-bottom:84px}@media screen and (min-width:768px){.about__content{max-width:1108px;padding:0 24px}}.about__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:24px 0;border-radius:4px}.about__list--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about__item{display:inline-block;width:50%;padding:24px;text-align:center}.about__item--single{width:70%}.about__title{font-size:2.8rem;font-weight:700;color:#006076;margin-bottom:32px}.learn{padding:84px 0}.learn__content{padding:0 24px}.learn__title{font-size:2.8rem;font-weight:700;color:#006076;margin-bottom:32px}.learn__cardlist{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mdl-card{width:100%;margin-bottom:24px}.mdl-card__content{background-color:#f8f8f8}.mdl-card__image{width:100%;display:inline-block;margin-bottom:18px}.mdl-card__title{font-size:1.8rem;font-weight:700;color:#333;padding:0 24px 8px}.mdl-card__caption{color:#333;padding:0 24px 24px}@media screen and (min-width:768px){.top__content{margin:0 auto;width:1108px}.top__title{font-size:6.4rem;font-weight:700}.top__lead{font-size:4rem;width:70%}.concept__content{margin:0 auto;max-width:1108px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.concept__keyimage{width:40%}.concept__block{margin:65px 0;width:60%}.features__heading{margin:0 auto 32px auto;max-width:1108px}.features__list{margin:0 auto;max-width:1108px;margin:0 auto}.features__item{width:32%}.about__list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about__item{width:20%}.about__item--single{width:30%}.learn__content{margin:0 auto;max-width:1108px;margin:0 auto}.mdl-card{width:32%}.mdl-card__caption{height:72px}}pre{padding:32px 24px 24px 24px;overflow-x:auto;position:relative;font-size:85%;line-height:1.45;background-color:#f6f8fa;margin-bottom:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;letter-spacing:0}.highlight{position:relative}.highlight::before{content:"";position:absolute;width:20px;height:20px;background-color:#f8f8f8;background-image:url(../images/docs_icon_copy.png);display:inline-block;right:0;top:0;z-index:2;background-size:40px 20px;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.page ul li:hover{color:#00bab1}.page a:hover{color:#00bab1}.highlight::after{content:"";position:absolute;width:20px;height:20px;background-color:#f8f8f8;background-image:url(../images/docs_icon_copy.png);display:inline-block;right:0;top:0;z-index:1;background-size:40px 20px;background-position:20px 0}.highlight.clicked::before{opacity:0}pre::-webkit-scrollbar{height:4px}pre::-webkit-scrollbar-track{background:#e9e9e9}pre::-webkit-scrollbar-thumb{background:#777}@media (prefers-color-scheme:dark){pre{background-color:#272822}pre::-webkit-scrollbar-track{background:#777}pre::-webkit-scrollbar-thumb{background:#e9e9e9}}code{display:inline-block;width:100%}button{background-color:transparent;border:none;cursor:pointer;outline:0;padding:0;appearance:none}main{width:100%}details{margin-bottom:12px}details #text{margin:12px 0}details br{display:none}details>summary{color:#fff;padding:6px 12px;background-color:#272822}.single{margin-top:64px;position:relative;line-height:1.5;font-size:1.5rem}.content{position:relative}.current{position:fixed;top:90px;right:-8px;border:1px solid #006076;padding:16px 12px 37px 14px;background-color:#fff;z-index:10;font-size:1.4rem;width:39px;max-height:60vh;overflow-y:scroll}.current a{display:inline-block;line-height:1.2;color:#333}.current ul{display:none}.current.open{width:60%;padding-bottom:14px}.current.open ul{display:block}.current .menu{display:block;position:fixed;right:12px;z-index:20}.current .dot{position:relative;display:inline-block;width:4px;height:4px;margin-bottom:1px;background-color:#006076}.current .dot::before{content:"";display:inline-block;position:absolute;top:-8px;right:0;width:4px;height:4px;background-color:#006076}.current .dot::after{content:"";display:inline-block;position:absolute;top:8px;right:0;width:4px;height:4px;background-color:#006076}.current ul li a{border-left:2px solid #ccc;padding:5px 0 5px 20px;margin-top:-2px}.current ul li a.view{border-left:2px solid #006076}.current ul li ul li a{padding-left:40px}.page{position:relative;background-color:#f8f8f8;padding:24px;margin-bottom:32px;font-weight:700;z-index:1}.page a{color:#333}.page ul li{margin:8px 0 0 20px}.page ul li.withchild ul{display:none}.page ul li.withchild.open ul{display:block}.page ul li.withchild:hover{cursor:pointer}.page li.view{margin-left:0;padding-left:20px;background-color:rgba(0,96,118,.4)}.page button.index{position:relative;display:block;width:100%;text-align:left}.page button.index::before{display:inline-block;content:"";width:7px;height:7px;margin-right:9px;border-top:2px solid #006076;border-right:2px solid #006076;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-bottom:2px}.page li.withchild::before{display:inline-block;content:"";width:7px;height:7px;margin-right:9px;margin-bottom:1px;border-top:2px solid #006076;border-right:2px solid #006076;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.page li.withchild.open::before{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-bottom:2px}.page button.index::before{display:inline-block;content:"";width:7px;height:7px;margin-right:9px;border-top:2px solid #006076;border-right:2px solid #006076;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:2px}.page button.index.open::before{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-bottom:2px}.markdown{margin:0 24px 64px 24px}.markdown a{color:#309be9}.markdown a:visited{color:#309be9}.markdown code{display:inline;padding:.1em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px;overflow-wrap:break-word}.markdown pre code{padding:0;font-size:100%}.markdown code.language-rpc{background-color:rgba(0,0,0,0)}.markdown table{display:block;white-space:nowrap;margin-bottom:32px;overflow:auto}.markdown table tr td,.markdown table tr th{text-align:left!important}.markdown tbody{border-collapse:collapse}.markdown tr:hover{background:#eee}.markdown td{padding:10px}.markdown thead th{padding:10px;border-bottom:solid 1px #ccc}.markdown h1{font-size:32px;font-weight:700}.markdown h2{font-size:24px;color:#006076;margin-bottom:32px;font-weight:700}.markdown h3{font-size:18px}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25;color:#006076}.markdown ol,.markdown p,.markdown ul{margin-bottom:16px}.markdown ol,.markdown ul{padding-left:2em}.markdown ol{list-style-type:decimal}.markdown ul{list-style-type:disc}.markdown ol ul{list-style-type:circle}.markdown li p{margin:0 0 12px 0}.markdown .highlight{margin-bottom:16px}.cardlist{display:flex;flex-direction:column}.cardlist .cardlist__card{display:inline-block;background-color:#f8f8f8;padding:16px;margin-bottom:16px}.cardlist .card__title{margin-bottom:12px;text-decoration:underline;color:#006076;font-weight:700}.cardlist .card__text{margin-bottom:0;color:#333}@media screen and (min-width:768px){.cardlist{display:flex;flex-direction:row;flex-wrap:wrap}.cardlist .cardlist__card{width:50%;width:calc(50% - 8px)}.cardlist .cardlist__card:nth-child(odd){margin-right:16px}}@media (prefers-color-scheme:dark){.cardlist .cardlist__card{background-color:#333}.cardlist .card__title{color:#00bab1}.cardlist .card__text{color:#fff}}.language-bash{word-break:break-all}.error{width:100%;text-align:center;padding-bottom:64px}.error .error__image{display:inline-block;padding:64px 48px 32px 48px}.error .error__title{font-size:2rem;color:#006076;font-weight:700;margin-bottom:16px}.error .error__link{color:#309be9}.coming{width:100%;text-align:center;padding-bottom:64px}.coming .coming__image{display:inline-block;padding-bottom:32px}.coming .coming__title{font-size:2rem;color:#006076;font-weight:700;margin-bottom:16px}.coming .coming__link{color:#309be9}@media screen and (min-width:768px){.markdown h1{font-size:40px;color:#006076}.single::after{content:"";display:block;clear:both}.markdown{width:70%}.current .dot{display:none}.current{width:25%;border:none;background-color:none}.current.open{width:25%}.current{padding-top:0}.current ul{display:block}}@media screen and (min-width:1000px){.single{display:-webkit-box;display:-ms-flexbox;display:flex}.page{width:20%;margin-bottom:0;margin-right:2%}.content{display:-webkit-box;display:-ms-flexbox;display:flex;width:76%}.markdown{width:65%;margin-right:3%;margin-bottom:64px}.current{display:inline-block;border:none;width:23%;margin-right:2%}.current.open{width:23%}.page li{display:block}.page p.index{display:none}}@media screen and (min-width:1440px){.concept__bg{position:absolute;top:-25%}}.caution,.notice,.warning{width:100%;margin:0 0 16px 0;font-size:1.4rem;padding:16px;border-radius:4px;color:#093e92;word-break:break-all;display:inline-block}.caution p,.notice p,.warning p{margin-bottom:0}.caution .label,.notice .label,.warning .label{display:flex;flex-direction:row;font-weight:700;align-items:center;margin-bottom:4px}.caution .label::before,.notice .label::before,.warning .label::before{content:"";width:14px;height:14px;margin-right:5px;background-image:url(../images/docs_icon_card.png);background-size:28px 42px}.notice{background-color:#f0f6ff;color:#001e4d}.caution{background-color:#fff6dc;color:#4a3800}.warning{background-color:#ffece9;color:#440900}.notice .label::before{background-position:0 0}.caution .label::before{background-position:0 -14px}.warning .label::before{background-position:0 -28px}@media (prefers-color-scheme:dark){html{background:#333}body{color:#fff;background:#393939}.about__list,.concept,.features,.learn{background-color:#333}.about__title,.concept__heading,.features__heading,.learn__title{color:#00bab1}.bg__wrap .bg__wrap--light{display:none}.bg__wrap .bg__wrap--dark{display:block}.about,.features__item,.mdl-card__content{background-color:#393939}.mdl-card__caption,.mdl-card__title{color:#fff}.current,.single{background-color:#393939}.current .dot,.current .dot::after,.current .dot::before{background-color:#00bab1}.current{background-color:#393939;border:1px solid #00bab1}.current ul li a.view{border-left:2px solid #00bab1}.page{background-color:#333}.current a,.page a,.page button.index{color:#fff}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{color:#00bab1}.page button.index::after,.page button.index::before{border-top:2px solid #00bab1;border-right:2px solid #00bab1}.page li.withchild::before{border-top:2px solid #00bab1;border-right:2px solid #00bab1}.markdown table tbody,.markdown table thead{background:#333}.markdown tr:hover{background:#222}.markdown code{background-color:#282828}.caution code,.notice code,.warning code{color:#fff}@media screen and (min-width:768px){.current{border:none}}}
\ No newline at end of file
+body{-webkit-text-size-adjust:100%}.top{background:linear-gradient(270.43deg,#00bab1 0,#006076 100%);position:relative;height:600px;overflow:hidden;margin-top:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;position:relative}.top__icon{display:block;position:absolute;width:150px;height:150px;background-color:#00bab1;border-radius:100%;background-size:100px;background-repeat:no-repeat;background-position:center;box-shadow:5px 5px 20px rgba(0,0,0,.05)}.top__icon.icon-logo{width:200px;height:200px;background-size:140px;background-image:url(../images/icon_logo.svg);left:50%;margin-left:-100px;top:50%;margin-top:-100px}.top__icon.icon-image{background-image:url(../images/icon_image.svg);right:-13%;top:19%}.top__icon.icon-data{background-image:url(../images/icon_data.svg);left:-13%;top:19%}.top__icon.icon-text{background-image:url(../images/icon_text.svg);right:3%;bottom:9%}.top__icon.icon-sound{background-image:url(../images/icon_sound.svg);left:3%;bottom:9%}.top__icon.icon-voice{background-image:url(../images/icon_voice.svg);left:50%;margin-left:-75px;top:2%}@media screen and (min-width:576px){.top__icon.icon-image{right:10%;top:19%}.top__icon.icon-data{left:10%;top:19%}.top__icon.icon-text{right:18%}.top__icon.icon-sound{left:18%}}@media screen and (min-width:768px){.top__icon.icon-logo{width:230px;height:230px;background-size:160px;background-image:url(../images/icon_logo.svg);left:70%;top:50%;margin-top:-115px}.top__icon.icon-image{right:4%;top:17%}.top__icon.icon-data{left:40%;top:25%}.top__icon.icon-text{right:9%}.top__icon.icon-sound{left:50%}.top__icon.icon-voice{left:65%;top:2%}}.top__content{padding:0 24px;position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center}.top__title{font-size:4.8rem;font-weight:700;margin-bottom:24px}.top__lead{font-size:3.2rem;margin-bottom:36px}.top__linklist{width:100%}.top__linkitem{display:flex;align-items:center;justify-content:center;padding:12px 24px;margin-bottom:10px;border:1px solid #fff;background:rgba(255,255,255,.2);color:#fff}.top__linkitem:hover{background:rgba(255,255,255,.1);transition:all .2s}.top__linkitem::before{content:"";display:inline-flex;margin-right:8px;background-size:16px 16px;background-repeat:no-repeat;width:16px;height:16px}.top__linkitem--getstarted::before{background-image:url(../images/top_icon_getstarted.svg)}.top__linkitem--docs::before{background-image:url(../images/top_icon_docs.svg)}.top__linkitem--valdslack::before{background-image:url(../images/top_icon_valdslack.svg)}@media screen and (min-width:768px){.top__linkitem{width:24%;display:inline-flex;padding:12px 24px;margin-bottom:0;margin-right:10px}.top__linklist{width:84%}}.top__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.top__mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,187,177,.3);z-index:2}.top__bg .bg__img{position:absolute;min-width:1440px;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.concept{width:100%;padding-bottom:80px;background-color:#fff;display:block;position:relative;overflow:hidden}.concept__content{width:100%;padding:0 24px;position:relative;z-index:10}.concept__block{display:inline-block}.concept__keyimage{display:block;width:70%;margin:0 auto}.concept__heading{font-size:2.8rem;font-weight:700;color:#006076;margin-bottom:32px}.concept__subheading{font-size:2rem;margin-bottom:24px;font-weight:700}.concept__text{text-align:justify;line-height:1.5em}.concept__bg{width:100%;display:flex;position:absolute;top:0}.bg__wrap .bg__wrap--dark{display:none}.concept__bg .bg__wrap{width:33.3%}.concept__bg .bg__wrap .bg__image{min-width:100%}.features{width:100%;padding-bottom:80px;background-color:#fff}.features__content{padding:0 24px;max-width:1108px;margin:0 auto}.features__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.features__heading{font-size:2.8rem;font-weight:700;color:#006076;margin-bottom:32px}.features__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.features__item{width:100%;padding:24px;margin-bottom:24px;background-color:#f8f8f8}.features__index{position:relative;font-weight:700}.card-image{min-width:48px;margin-right:12px}.about{width:100%;padding-bottom:80px;background-color:#f8f8f8;padding:84px 0}.about__content{margin:0 auto;padding:0 24px;margin-bottom:84px}@media screen and (min-width:768px){.about__content{max-width:1108px;padding:0 24px}}.about__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:24px 0;border-radius:4px}.about__list--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about__item{display:inline-block;width:50%;padding:24px;text-align:center}.about__item--single{width:70%}.about__title{font-size:2.8rem;font-weight:700;color:#006076;margin-bottom:32px}.learn{padding:84px 0}.learn__content{padding:0 24px}.learn__title{font-size:2.8rem;font-weight:700;color:#006076;margin-bottom:32px}.learn__cardlist{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mdl-card{width:100%;margin-bottom:24px}.mdl-card__content{background-color:#f8f8f8}.mdl-card__image{width:100%;display:inline-block;margin-bottom:18px}.mdl-card__title{font-size:1.8rem;font-weight:700;color:#333;padding:0 24px 8px}.mdl-card__caption{color:#333;padding:0 24px 24px}@media screen and (min-width:768px){.top__content{margin:0 auto;width:1108px}.top__title{font-size:6.4rem;font-weight:700}.top__lead{font-size:4rem;width:70%}.concept__content{margin:0 auto;max-width:1108px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.concept__keyimage{width:40%}.concept__block{margin:65px 0;width:60%}.features__heading{margin:0 auto 32px auto;max-width:1108px}.features__list{margin:0 auto;max-width:1108px;margin:0 auto}.features__item{width:32%}.about__list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about__item{width:20%}.about__item--single{width:30%}.learn__content{margin:0 auto;max-width:1108px;margin:0 auto}.mdl-card{width:32%}.mdl-card__caption{height:72px}}pre{padding:32px 24px 24px 24px;overflow-x:auto;position:relative;font-size:85%;line-height:1.45;background-color:#f6f8fa;margin-bottom:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;letter-spacing:0}.highlight{position:relative}.highlight::before{content:"";position:absolute;width:20px;height:20px;background-color:#f8f8f8;background-image:url(../images/docs_icon_copy.png);display:inline-block;right:0;top:0;z-index:2;background-size:40px 20px;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.page ul li:hover{color:#00bab1}.page a:hover{color:#00bab1}.highlight::after{content:"";position:absolute;width:20px;height:20px;background-color:#f8f8f8;background-image:url(../images/docs_icon_copy.png);display:inline-block;right:0;top:0;z-index:1;background-size:40px 20px;background-position:20px 0}.highlight.clicked::before{opacity:0}pre::-webkit-scrollbar{height:4px}pre::-webkit-scrollbar-track{background:#e9e9e9}pre::-webkit-scrollbar-thumb{background:#777}@media (prefers-color-scheme:dark){pre{background-color:#272822}pre::-webkit-scrollbar-track{background:#777}pre::-webkit-scrollbar-thumb{background:#e9e9e9}}code{display:inline-block;width:100%}button{background-color:transparent;border:none;cursor:pointer;outline:0;padding:0;appearance:none}main{width:100%}details{margin-bottom:12px}details #text{margin:12px 0}details br{display:none}details>summary{color:#fff;padding:6px 12px;background-color:#272822}.single{margin-top:64px;position:relative;line-height:1.5;font-size:1.5rem}.content{position:relative}.content__wrapper{display:flex;flex-direction:column}.content__header{width:100%;height:200px;background-image:url(../images/graphic.png);display:flex;align-items:left;background-size:cover;background-position:center;flex-direction:column;justify-content:center}.content__header p{font-size:32px;margin-left:40px}.content__header span{margin-left:40px}.current{position:fixed;top:90px;right:-8px;border:1px solid #006076;padding:16px 12px 37px 14px;background-color:#fff;z-index:10;font-size:1.4rem;width:39px;max-height:60vh;overflow-y:scroll}.current a{display:inline-block;line-height:1.2;color:#333}.current ul{display:none}.current.open{width:60%;padding-bottom:14px}.current.open ul{display:block}.current .menu{display:block;position:fixed;right:12px;z-index:20}.current .dot{position:relative;display:inline-block;width:4px;height:4px;margin-bottom:1px;background-color:#006076}.current .dot::before{content:"";display:inline-block;position:absolute;top:-8px;right:0;width:4px;height:4px;background-color:#006076}.current .dot::after{content:"";display:inline-block;position:absolute;top:8px;right:0;width:4px;height:4px;background-color:#006076}.current ul li a{border-left:2px solid #ccc;padding:5px 0 5px 20px;margin-top:-2px}.current ul li a.view{border-left:2px solid #006076}.current ul li ul li a{padding-left:40px}.page{position:relative;background-color:#f8f8f8;padding:24px;margin-bottom:32px;font-weight:700;z-index:1}.page a{color:#333}.page ul li{margin:8px 0 0 20px}.page ul li.withchild ul{display:none}.page ul li.withchild.open ul{display:block}.page ul li.withchild:hover{cursor:pointer}.page li.view{margin-left:0;padding-left:20px;background-color:rgba(0,96,118,.4)}.page button.index{position:relative;display:block;width:100%;text-align:left}.page button.index::before{display:inline-block;content:"";width:7px;height:7px;margin-right:9px;border-top:2px solid #006076;border-right:2px solid #006076;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-bottom:2px}.page li.withchild::before{display:inline-block;content:"";width:7px;height:7px;margin-right:9px;margin-bottom:1px;border-top:2px solid #006076;border-right:2px solid #006076;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.page li.withchild.open::before{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-bottom:2px}.page button.index::before{display:inline-block;content:"";width:7px;height:7px;margin-right:9px;border-top:2px solid #006076;border-right:2px solid #006076;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:2px}.page button.index.open::before{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-bottom:2px}.markdown{margin:0 24px 64px 24px}.markdown a{color:#309be9}.markdown a:visited{color:#309be9}.markdown code{display:inline;padding:.1em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px;overflow-wrap:break-word}.markdown pre code{padding:0;font-size:100%}.markdown code.language-rpc{background-color:rgba(0,0,0,0)}.markdown table{display:block;white-space:nowrap;margin-bottom:32px;overflow:auto}.markdown table tr td,.markdown table tr th{text-align:left!important}.markdown tbody{border-collapse:collapse}.markdown tr:hover{background:#eee}.markdown td{padding:10px}.markdown thead th{padding:10px;border-bottom:solid 1px #ccc}.markdown h1{font-size:32px;font-weight:700}.markdown h2{font-size:24px;color:#006076;margin-bottom:32px;font-weight:700}.markdown h3{font-size:18px}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25;color:#006076}.markdown ol,.markdown p,.markdown ul{margin-bottom:16px}.markdown ol,.markdown ul{padding-left:2em}.markdown ol{list-style-type:decimal}.markdown ul{list-style-type:disc}.markdown ol ul{list-style-type:circle}.markdown li p{margin:0 0 12px 0}.markdown .highlight{margin-bottom:16px}.cardlist{display:flex;flex-direction:column}.cardlist .cardlist__card{display:inline-block;background-color:#f8f8f8;padding:16px;margin-bottom:16px}.cardlist .card__title{margin-bottom:12px;text-decoration:underline;color:#006076;font-weight:700}.cardlist .card__text{margin-bottom:0;color:#333}@media screen and (min-width:768px){.cardlist{display:flex;flex-direction:row;flex-wrap:wrap}.cardlist .cardlist__card{width:50%;width:calc(50% - 8px)}.cardlist .cardlist__card:nth-child(odd){margin-right:16px}}@media (prefers-color-scheme:dark){.cardlist .cardlist__card{background-color:#333}.cardlist .card__title{color:#00bab1}.cardlist .card__text{color:#fff}}.language-bash{word-break:break-all}.error{width:100%;text-align:center;padding-bottom:64px}.error .error__image{display:inline-block;padding:64px 48px 32px 48px}.error .error__title{font-size:2rem;color:#006076;font-weight:700;margin-bottom:16px}.error .error__link{color:#309be9}.coming{width:100%;text-align:center;padding-bottom:64px}.coming .coming__image{display:inline-block;padding-bottom:32px}.coming .coming__title{font-size:2rem;color:#006076;font-weight:700;margin-bottom:16px}.coming .coming__link{color:#309be9}@media screen and (min-width:768px){.markdown h1{font-size:40px;color:#006076}.single::after{content:"";display:block;clear:both}.markdown{width:70%}.current .dot{display:none}.current{width:25%;border:none;background-color:none}.current.open{width:25%}.current{padding-top:0}.current ul{display:block}}@media screen and (min-width:1000px){.single{display:-webkit-box;display:-ms-flexbox;display:flex}.page{width:20%;margin-bottom:0}.content{display:-webkit-box;display:-ms-flexbox;display:flex;width:76%;padding-left:2%}.markdown{width:65%;margin-right:3%;margin-bottom:64px}.current{display:inline-block;border:none;width:23%;margin-right:2%}.current.open{width:23%}.page li{display:block}.page p.index{display:none}}@media screen and (min-width:1440px){.concept__bg{position:absolute;top:-25%}}.caution,.notice,.warning{width:100%;margin:0 0 16px 0;font-size:1.4rem;padding:16px;border-radius:4px;color:#093e92;word-break:break-all;display:inline-block}.caution p,.notice p,.warning p{margin-bottom:0}.caution .label,.notice .label,.warning .label{display:flex;flex-direction:row;font-weight:700;align-items:center;margin-bottom:4px}.caution .label::before,.notice .label::before,.warning .label::before{content:"";width:14px;height:14px;margin-right:5px;background-image:url(../images/docs_icon_card.png);background-size:28px 42px}.notice{background-color:#f0f6ff;color:#001e4d}.caution{background-color:#fff6dc;color:#4a3800}.warning{background-color:#ffece9;color:#440900}.notice .label::before{background-position:0 0}.caution .label::before{background-position:0 -14px}.warning .label::before{background-position:0 -28px}@media (prefers-color-scheme:dark){html{background:#333}body{color:#fff;background:#393939}.about__list,.concept,.features,.learn{background-color:#333}.about__title,.concept__heading,.features__heading,.learn__title{color:#00bab1}.bg__wrap .bg__wrap--light{display:none}.bg__wrap .bg__wrap--dark{display:block}.about,.features__item,.mdl-card__content{background-color:#393939}.mdl-card__caption,.mdl-card__title{color:#fff}.current,.single{background-color:#393939}.current .dot,.current .dot::after,.current .dot::before{background-color:#00bab1}.current{background-color:#393939;border:1px solid #00bab1}.current ul li a.view{border-left:2px solid #00bab1}.page{background-color:#333}.current a,.page a,.page button.index{color:#fff}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{color:#00bab1}.page button.index::after,.page button.index::before{border-top:2px solid #00bab1;border-right:2px solid #00bab1}.page li.withchild::before{border-top:2px solid #00bab1;border-right:2px solid #00bab1}.markdown table tbody,.markdown table thead{background:#333}.markdown tr:hover{background:#222}.markdown code{background-color:#282828}.caution code,.notice code,.warning code{color:#fff}@media screen and (min-width:768px){.current{border:none}}}
\ No newline at end of file