.example-bar{z-index:50;color:#214056;min-height:74px;font:400 14px/1.4 var(--font-albert),sans-serif;background:#f4f1e9;justify-content:space-between;align-items:center;gap:24px;padding:12px 25px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #21405622}.example-bar p{flex-direction:column;gap:3px;margin:0;display:flex}.example-bar strong{font-weight:600}.example-bar p>span{color:#536675;font-size:12px}.example-bar a{color:inherit;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.example-back{white-space:nowrap;gap:9px;font-weight:600}.example-bar nav{gap:5px;display:flex}.example-bar nav a{border-radius:3px;padding:8px 13px}.example-bar nav a[aria-current]{color:#f4f1e9;background:#214056}.example-bar a:focus-visible{outline-offset:3px;outline:2px solid #214056}.example-scene .ls .top,.example-scene .cs .top{padding-top:90px}.example-error{z-index:60;color:#214056;text-align:center;background:#f4f1e9;padding:25px;position:fixed;top:150px;left:20px;right:20px}@media (max-width:700px){.example-bar{flex-wrap:wrap;gap:7px;min-height:112px;padding:8px 16px}.example-bar p{flex:1;align-items:flex-end}.example-bar p>span{display:none}.example-bar nav{justify-content:space-between;width:100%}.example-bar nav a{flex:1;justify-content:center;padding:5px;font-size:13px}.example-back{font-size:13px}.example-scene .ls .top,.example-scene .cs .top{padding-top:130px}}.example-scene .qs .nameplate,.example-scene .ts .t-person,.example-scene .ts .t-sample{top:96px}.example-scene .ts .t-scrim-top{height:300px}@media (max-width:700px){.example-scene .qs .nameplate,.example-scene .ts .t-person,.example-scene .ts .t-sample{top:133px}}.example-page:has(.qs .lift,.ts .t-reader:not([hidden]),.ls .reading-wrap:not([hidden]),.cs .reader:not([hidden])) .example-bar{justify-content:center;height:32px;min-height:32px;padding:4px 16px}.example-page:has(.qs .lift,.ts .t-reader:not([hidden]),.ls .reading-wrap:not([hidden]),.cs .reader:not([hidden])) .example-bar>a{display:none}.example-page:has(.qs .lift,.ts .t-reader:not([hidden]),.ls .reading-wrap:not([hidden]),.cs .reader:not([hidden])) .example-bar nav{display:none}.example-page:has(.qs .lift,.ts .t-reader:not([hidden]),.ls .reading-wrap:not([hidden]),.cs .reader:not([hidden])) .example-bar p>span{display:none}.example-page:has(.qs .lift,.ts .t-reader:not([hidden]),.ls .reading-wrap:not([hidden]),.cs .reader:not([hidden])) .example-bar p{flex:none;align-items:center;font-size:12px}