html,body{margin:0;height:100%;overflow:hidden;background:#f3f4f6}@media(prefers-color-scheme:dark){html,body{background:#0f1013}}#viewer{position:fixed;inset:0;height:auto}html[data-site-theme=light]{color-scheme:light}html[data-site-theme=light],html[data-site-theme=light] body{background:#f3f4f6}.example-credit{position:fixed;left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));max-width:min(300px,calc(100% - 16px));box-sizing:border-box;margin:0;padding:2px 8px;border-radius:4px;font:11px/1.4 system-ui,-apple-system,sans-serif;color:#555a66;background:transparent;text-align:left}@media(max-width:947px){.example-credit{top:calc(56px + env(safe-area-inset-top));bottom:auto;max-width:min(260px,calc(100% - 140px))}}.site-brand,.site-contact{color:#16181d;background:#fff;font:13px/1.5 system-ui,-apple-system,sans-serif}.site-brand{color:#555a66;background:transparent;position:fixed;right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 10px;border:0;border-radius:8px;cursor:pointer}.site-brand-info{display:grid;place-items:center;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;font:11px/1 Georgia,serif}.site-contact{background:#fff;position:fixed;inset:auto calc(8px + env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) auto;box-sizing:border-box;width:288px;max-width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100% - 76px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;margin:0;padding:8px 16px 16px;border:1px solid rgb(22 24 29 / .09);border-radius:12px;box-shadow:0 1px 2px #1012180f,0 10px 28px -6px #10121829}.site-contact-header{display:flex;align-items:center;justify-content:space-between}.site-contact h2{margin:0;font-size:14px;font-weight:600}.site-contact-close{width:44px;height:44px;margin-right:-10px;border:0;border-radius:8px;background:transparent;color:inherit;font:24px/1 system-ui,sans-serif;cursor:pointer}.site-contact a{display:flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:3px}.site-contact p{margin:10px 0 0;font-size:12px}.site-brand:focus-visible,.site-contact :focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:947px){.site-brand{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:auto;bottom:auto}.site-contact{inset:calc(60px + env(safe-area-inset-top)) auto auto calc(8px + env(safe-area-inset-left))}.site-ui-busy .site-brand,.site-ui-busy .example-credit{visibility:hidden}}@media print{.site-brand,.site-contact,.example-credit{display:none!important}}.example-credit a{color:inherit}html[data-site-theme=light] .example-credit{color:#555a66}html[data-site-theme=dark]{color-scheme:dark}html[data-site-theme=dark],html[data-site-theme=dark] body{background:#0f1013}html[data-site-theme=dark] .site-brand{color:#fff}html[data-site-theme=dark] .site-contact{color:#f1f2f4;background:#1e2026;border-color:#ffffff1a;box-shadow:0 1px 2px #00000052,0 12px 32px -6px #00000080}html[data-site-theme=dark] .example-credit{color:#fff}