:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#eef2f6;background:#0c0e11;--line:#303944}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,iframe:focus-visible{outline:2px solid #cbdff6;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:0;left:20px;padding:14px 20px;background:#eef2f6;color:#0c0e11;z-index:100;transform:translateY(-110%)}.skip-link:focus{transform:none}.demo-toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;min-height:66px;padding:8px 25px;border-bottom:1px solid var(--line);flex-shrink:0;background:#11151b}.return-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;min-height:44px;justify-self:start;color:#c4cfdd}.return-link>span:first-child{font-size:20px}.project-picker{display:flex;align-items:center;gap:20px}.project-count{font-size:10px;font-family:Consolas,monospace;color:#8795a7;white-space:nowrap}.project-picker select{background:#11151b;border:none;padding:12px 28px 12px 10px;max-width:265px;font-size:12px;min-height:44px}.demo-arrows{justify-self:end;display:flex;gap:5px}.demo-arrows button{background:none;border:1px solid #364250;border-radius:3px;height:38px;min-width:44px;font-size:17px}.demo-arrows button:hover{background:#293441}.demo-main{position:relative;flex:1;min-height:0;background:#101419}.demo-main iframe{border:0;width:100%;height:100%;display:block;background:#101419;position:relative;z-index:2}.demo-main.loading iframe{opacity:0}.demo-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aebaca;font-size:13px;z-index:1;gap:12px}.demo-loading a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.loading-line{height:1px;width:80px;background:linear-gradient(90deg,#26313e,#c5d7eb,#26313e);animation:loading 1.2s ease-in-out infinite alternate}.demo-note{height:27px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #26313d;color:#8190a3;font-size:9px;letter-spacing:.03em;background:#10141a;padding:0 15px}.demo-note button{font-family:Georgia,serif;border:1px solid #536175;border-radius:50%;background:none;color:#adb9c9;font-size:10px;width:16px;height:16px;position:relative}.demo-note button::after{content:"";position:absolute;inset:-7px}dialog{border:1px solid #465568;border-radius:10px;background:#151c25;color:#eef2f6;padding:35px;max-width:470px;width:calc(100% - 36px);box-shadow:0 25px 80px #0008}dialog::backdrop{background:#080b10d9;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:8px;right:8px;width:44px;height:44px;background:none;border:0;color:#cad5e2;font-size:25px}.dialog-eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.13em;color:#9baec3;margin:0 0 28px}dialog h2{font-size:28px;line-height:1.15;font-weight:400;letter-spacing:-.03em;margin:0 0 18px}dialog p:not(.dialog-eyebrow){font-size:13px;line-height:1.8;color:#b3c0cf}.link-host{font-family:Consolas,monospace;overflow-wrap:anywhere;font-size:12px!important;color:#dde6f0!important}.dialog-actions{margin-top:27px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dialog-actions button,.dialog-actions a{padding:13px 15px;border:1px solid #4b5b6e;background:none;color:#cbd7e5;font-size:12px;min-height:44px}.dialog-actions a{background:#dce6f1;color:#121922;border-color:#dce6f1}[hidden]{display:none!important}.no-script{padding:30px;overflow:auto;line-height:1.8}.no-script a{text-decoration:underline}.no-script h1{font-weight:400}.no-script li{padding-block:7px}@keyframes loading{to{opacity:.3;transform:scaleX(.5)}}@media(max-width:700px){.demo-toolbar{grid-template-columns:1fr auto;padding:7px 14px;gap:0 10px;min-height:99px}.return-link{font-size:11px;gap:11px;grid-column:1;grid-row:1;min-height:40px}.project-picker{grid-column:1/3;grid-row:2;justify-content:space-between;gap:10px;border-top:1px solid #283340}.project-picker select{font-size:12px;max-width:calc(100vw - 97px);text-align:right;padding-right:10px}.demo-arrows{grid-column:2;grid-row:1}.demo-arrows button{min-width:40px;height:34px;border:none}.demo-note{font-size:8px}.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions a{text-align:center}dialog{padding:30px 24px}.demo-main{min-height:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}