.demo-video-trigger{color:#fff;flex:none;width:224px;height:72px;scroll-margin-top:96px;position:relative}.demo-video-trigger>button,.demo-video-trigger [data-demo-nojs]{block-size:72px;inline-size:224px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;font-family:inherit;font-size:.75rem;line-height:1rem;text-decoration:none;display:flex}@supports (inline-size:round(up, 1px, 1px)){.demo-video-trigger>button,.demo-video-trigger [data-demo-nojs]{inline-size:round(up,31ch,1px)}}.demo-video-trigger [data-demo-frame]{white-space:pre;width:224px;height:48px;display:block}.demo-video-trigger [data-demo-middle]{vertical-align:top;height:16px;display:inline-block}.demo-video-trigger[data-surface=dark] :focus-visible{outline-offset:2px;outline:2px solid #76b900}.demo-video-overlay{--demo-inline-inset:64px;--demo-overlay-width:min(1456px, calc(100% - 48px), calc((100dvh - 152px) * 16 / 9 + 16px));z-index:90;background:#1b1913;border:0;max-width:none;height:fit-content;max-height:calc(100dvh - 64px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.demo-video-shade{z-index:89;pointer-events:none;background:#0009;position:fixed;inset:0}.demo-video-overlay:not([open])+.demo-video-shade,.demo-video-overlay:not([open]){display:none}.demo-video-screen{--demo-picture-width:224px;width:var(--demo-overlay-width);color:#fff;font-variant-numeric:tabular-nums;scroll-margin-top:96px;font-size:12px;line-height:16px;container:demo-screen/inline-size}.demo-video-screen-frame{height:calc(var(--demo-picture-width) * 9 / 16 + 56px);position:relative}.demo-video-edge{white-space:pre;color:#fff9;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;display:block;position:absolute;overflow:clip}.demo-video-top,.demo-video-bottom{width:100%;height:16px;left:0}.demo-video-top{top:12px}.demo-video-bottom{bottom:0}.demo-video-top:after,.demo-video-bottom:after{background:#1b1913;position:absolute;right:0}.demo-video-top:after{content:"┐"}.demo-video-bottom:after{content:"┘"}.demo-video-left,.demo-video-right{width:8px;line-height:12px;top:20px;bottom:8px}.demo-video-left{left:0}.demo-video-right{text-align:right;right:0}.demo-video-title{background:#1b1913;align-items:center;gap:12px;height:40px;padding:0 4px;display:flex;position:absolute;top:0;left:16px}.demo-video-title time{color:#fff9}.demo-video-close-form{margin:0}#demo-video-close{z-index:2;width:80px;height:40px;color:inherit;font:inherit;cursor:pointer;background:#1b1913;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;right:8px}.demo-video-screen iframe,.demo-video-poster{width:var(--demo-picture-width);height:calc(var(--demo-picture-width) * 9 / 16);border:0;margin:0;position:absolute;top:40px;left:8px}.demo-video-screen iframe{background:#0a0a0a}.demo-video-poster{opacity:0;background:#1b1913;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.demo-video-screen[data-demo-motion=close] .demo-video-poster,.demo-video-screen[data-demo-motion=poster] .demo-video-poster{opacity:1}.demo-video-play-mark{height:24px;font-size:16px;line-height:24px;display:block}.demo-video-screen[data-surface=dark] #demo-video-close:hover{color:#76b900}.demo-video-screen [data-surface=dark]:focus-visible,.demo-video-screen a:focus-visible{outline-offset:2px;outline:2px solid #76b900}.demo-video-screen #demo-video-close[data-surface=dark]:focus-visible{outline-offset:-2px}.demo-video-links{align-items:center;gap:24px;height:24px;margin-top:8px;display:flex}.demo-video-links a,.demo-video-watch{color:inherit;text-underline-offset:4px;text-decoration:underline}.demo-video-community{margin:0}@supports (width:round(down, 1px, 1px)) and (width:1cqw){.demo-video-overlay{--demo-overlay-width:calc(round(down, min(1440px, calc(100% - var(--demo-inline-inset)), calc((round(down, calc(100dvh - 64px), 2px) - 88px) * 16 / 9)), 16px) + 16px);width:var(--demo-overlay-width);max-height:round(down,100dvh - 64px,2px);bottom:auto;right:auto;left:round(down, calc((100% - var(--demo-overlay-width)) / 2), 1px);margin:0;top:round(down,50%,1px);transform:translateY(-50%)}.demo-video-screen-frame{--demo-picture-width:round(down, calc(round(nearest, 100cqw, 1px) - 16px), 16px);height:round(up, calc(var(--demo-picture-width) * 9 / 16 + 56px), 2px)}.demo-video-screen iframe,.demo-video-poster{left:round(down, calc((100% - var(--demo-picture-width)) / 2), 1px)}}@media (max-width:639px){.demo-video-overlay{--demo-inline-inset:32px}}.demo-video-poster picture,.demo-video-poster img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.demo-video-poster>span{background:#1b1913;position:relative}
.NXvXPG_docsAction{min-width:80px}.NXvXPG_labText{color:#bdbdbd}.NXvXPG_divider{background:#4a4a4a;margin-block:20px}.NXvXPG_heroArt{width:447px;transform:translateZ(0)}@media (max-width:639px){.NXvXPG_callTabs,.NXvXPG_copyButton{width:100%}.NXvXPG_callTab,.NXvXPG_callTabSelected{width:round(up,33.3333%,1px);padding-inline:8px;font-size:12px}.NXvXPG_copyButton{font-size:12px}}@media (min-width:640px){.NXvXPG_callTab,.NXvXPG_callTabSelected{width:112px}.NXvXPG_heroArt{width:521px}}@media (min-width:768px){.NXvXPG_divider{margin-block:24px}}@media (min-width:1024px) and (max-width:1279px){.NXvXPG_heroArt{--art-row:1rem;width:447px;margin-bottom:48px;margin-left:min(0px,100% - 447px);font-size:12px}}@media (min-width:1280px){.NXvXPG_callControls{flex-direction:column;grid-area:3/1/4/2;align-items:stretch;gap:0;margin-top:24px}.NXvXPG_callTabs{flex-direction:column;width:100%;padding-left:0}.NXvXPG_callTab,.NXvXPG_callTabSelected{justify-content:flex-start;width:100%;margin-left:0}.NXvXPG_callTabSelected[aria-selected=true]{color:#fff;outline-offset:-2px;background:#00000040;border-color:#fff6;outline:1px solid #ffffff1a}.NXvXPG_callTabSelected[aria-selected=true]:hover:enabled{background:#00000040;border-color:#fff}.NXvXPG_callTabSelected[aria-selected=true]:active:enabled{background:#0000004d}.NXvXPG_copyButton{width:100%;margin-top:16px}.NXvXPG_callPanels{min-width:calc-size(max-content, round(up, size, 1px));grid-area:1/3/4/4;margin-top:0}.NXvXPG_lab{grid-area:1/1/2/2}.NXvXPG_divider{grid-area:1/2/4/3;width:1px;height:auto;margin-block:0}.NXvXPG_callLabel{margin-bottom:12px}}