.docs-demo{margin:24px 0;padding:18px;border:1px solid #d6e0ee;border-radius:6px;background:#fff;font-size:13px}.docs-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.docs-demo h3{margin:0;font-size:16px;color:#2f4057}.docs-demo button:not(.docs-demo-handle){min-height:34px;padding:5px 10px;border:1px solid #d6dfeb;border-radius:4px;color:#285899;background:#f7faff;font-size:12px}.docs-demo button:not(.docs-demo-handle):hover:not(:disabled){border-color:#8eadd9;background:#edf4fe}.docs-demo button:disabled{color:#808996;background:#f6f7f9;cursor:default}.docs-demo .docs-demo-notice{margin:10px 0 18px;color:#697789;font-size:12px}.docs-demo-canvas{position:relative;overflow:hidden;border:1px solid #dce3ed;border-radius:4px;background:#fbfcfe}.docs-demo-canvas svg{display:block;width:100%;height:auto}.docs-demo-handle{position:absolute;display:grid;place-items:center;width:32px;height:32px;transform:translate(-50%,-50%);border:2px solid #2563eb;border-radius:50%;background:#ffffffb3;color:#1f58aa;font-size:19px;line-height:1;cursor:grab;touch-action:none;user-select:none}.docs-demo-handle:hover{background:#e4efffbf}.docs-demo-handle:active{cursor:grabbing}.docs-demo .docs-demo-help{margin:10px 0 16px;color:#68758a;font-size:12px}.docs-demo .docs-demo-result{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;min-height:40px;margin:14px 0;padding:9px 12px;border-radius:4px;background:#f0f5fd;color:#315681;font-size:12px;font-variant-numeric:tabular-nums}.docs-demo-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:0;border:0;margin:20px 0}.docs-demo-toggles legend{margin-bottom:8px;font-weight:600}.docs-demo-toggles label{display:flex;align-items:center;gap:8px;min-height:32px;color:#4c5d74;cursor:pointer}.docs-demo input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.docs-demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.docs-demo-fields label,.docs-demo-range,.docs-demo-text{display:grid;gap:6px;color:#4c5d74;font-size:13px}.docs-demo select,.docs-demo-text input{width:100%;min-width:0;min-height:38px;padding:6px 9px;border:1px solid #cdd7e5;border-radius:4px;color:#31445f;background:#fff}.docs-demo input:focus-visible,.docs-demo select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.docs-demo input[type=range]{width:100%;min-height:34px;accent-color:#2563eb}.docs-demo-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.docs-demo-versions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.docs-demo-versions>div{min-width:0;padding:14px;border:1px solid #dce4ee;border-radius:4px;background:#f9fbfe}.docs-demo-versions small,.docs-demo-versions span,.docs-demo-versions strong{display:block}.docs-demo-versions span{margin-bottom:8px;color:#60718a;font-size:12px}.docs-demo-versions strong{overflow-wrap:anywhere;color:#2d4666}.docs-demo-versions small{margin-top:8px;color:#69788c;font-size:11px}.docs-demo-loading{min-height:160px;padding:24px;border:1px solid #d6e0ee;border-radius:5px;color:#60718a}@media (max-width:560px){.docs-demo{padding:12px}.docs-demo-heading{align-items:flex-start}.docs-demo-heading button{flex-shrink:0}.docs-demo h3{font-size:14px}.docs-demo button:not(.docs-demo-handle),.docs-demo-toggles label{min-height:40px}.docs-demo-toggles,.docs-demo-versions{grid-template-columns:minmax(0,1fr)}}