.demo-page{background:#eef1ee;grid-template-rows:74px 1fr;height:100vh;font-family:Arial,sans-serif;display:grid}.demo-page *{box-sizing:border-box}.demo-page header{z-index:2;background:#fff;border-bottom:1px solid #dfe5e2;align-items:center;gap:26px;padding:0 24px;display:flex;position:relative}.demo-page header>a:first-child{color:#315c56;font-size:12px;font-weight:800;text-decoration:none}.demo-page header>div{border-left:1px solid #dfe5e2;flex-direction:column;padding-left:24px;display:flex}.demo-page header small{letter-spacing:1.4px;color:#81928f;font-size:8px}.demo-page header b{color:#173f39;font:19px Georgia}.demo-page header p{color:#71817e;margin-left:auto;font-size:11px}.demo-page .demo-select{color:#fff;background:#e9795b;border-radius:6px;padding:13px 17px;font-size:11px;font-weight:900;text-decoration:none}.demo-page>iframe{background:#fff;border:0;width:100%;height:100%}.demo-unavailable{text-align:center;color:#174a44;background:#f7f6f0;place-content:center;min-height:100vh;font-family:Arial;display:grid}.demo-unavailable a{color:#e9795b}@media (max-width:800px){.demo-page{grid-template-rows:88px 1fr}.demo-page header{gap:12px;padding:0 14px}.demo-page header>p{display:none}.demo-page header>div{padding-left:12px}.demo-page header small{display:none}.demo-page header b{font-size:15px}.demo-page .demo-select{margin-left:auto;padding:11px 12px}.demo-page header>a:first-child{font-size:0}.demo-page header>a:first-child:after{content:"←";font-size:20px}}