/* Connected Atlas sample snapshot in the interactive tour. */
.demo-overview-stats .demo-card:first-child{border-top:3px solid #59ab88}
.demo-overview-stats .demo-card:nth-child(2){border-top:3px solid #d2a05e}
.demo-overview-stats .demo-card:nth-child(3){border-top:3px solid #7297bc}
.demo-overview-stats .demo-card:nth-child(4){border-top:3px solid #9d8bbd}
.demo-overview-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;vertical-align:1px}
.demo-overview-dot.is-green{background:#3ba879}.demo-overview-dot.is-amber{background:#d69a4d}
.demo-overview-lower>.demo-card:first-child>div{gap:7px}
.demo-overview-lower>.demo-card:first-child>div>small{font-size:8px;color:#8b9da8;white-space:nowrap}
.demo-overview-lower #demo-overview-web,.demo-overview-lower #demo-overview-api{color:#257b5b;font-weight:700}
.demo-overview-review .demo-overview-issue{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 0 8px;border:0}
.demo-overview-review .demo-overview-issue>b{font-size:10px}
.demo-overview-review .demo-overview-issue>span{font-size:8px;color:#aa7435;background:#fff2df;padding:4px 6px;border-radius:5px;white-space:nowrap}
.demo-overview-review .demo-overview-checks{display:grid;grid-template-columns:1fr 1fr;gap:5px 7px;margin:10px 0 9px}
.demo-overview-checks span{font-size:8px;color:#3a8067;background:#ebf6f0;border-radius:5px;padding:5px 6px}
.demo-overview-checks span:nth-child(3){color:#a17032;background:#fff3e5}
.demo-overview-context{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.demo-overview-context>div{display:flex;flex-direction:column;gap:3px;border:1px solid #dfe9ed;border-radius:9px;background:#f5f9fa;padding:10px 12px}
.demo-overview-context small{font-size:7px;letter-spacing:.1em;color:#7d98a6;font-weight:800}
.demo-overview-context b{font-size:10px;color:#355769}
.demo-overview-context span{font-size:8px;color:#829ba7}
html[data-theme="dark"] .demo-overview-lower #demo-overview-web,html[data-theme="dark"] .demo-overview-lower #demo-overview-api{color:#9cdcbc}
html[data-theme="dark"] .demo-overview-review .demo-overview-issue>span{color:#f0c68b;background:#51412f}
html[data-theme="dark"] .demo-overview-checks span{color:#b7e9d0;background:#254439}
html[data-theme="dark"] .demo-overview-checks span:nth-child(3){color:#efd5ab;background:#4c3c2d}
html[data-theme="dark"] .demo-overview-context>div{background:#1e3444;border-color:#3b5564}
html[data-theme="dark"] .demo-overview-context b{color:#e1eef1}
html[data-theme="dark"] .demo-overview-context span{color:#a7bfca}
@media(max-width:850px){.demo-overview-lower>.demo-card:first-child>div>small{display:none}}
@media(max-width:430px){.demo-overview-context{grid-template-columns:1fr}.demo-overview-review .demo-overview-checks{grid-template-columns:1fr 1fr}.demo-overview-lower>.demo-card:first-child>div>small{display:block}.demo-overview-lower>.demo-card:first-child>div{flex-wrap:wrap}}
.demo-overview-checks span.is-passed{color:#3a8067;background:#ebf6f0}
html[data-theme="dark"] .demo-overview-checks span.is-passed{color:#b7e9d0;background:#254439}