.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-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;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{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;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}.demo-video-screen[data-surface=dark] #demo-video-close:hover{color:#76b900}.demo-video-trigger[data-surface=dark] :focus-visible,.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}@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}
.yXmGcG_card,.yXmGcG_card>div,.yXmGcG_card>div>div,.yXmGcG_layout{min-width:0}.yXmGcG_drawing{contain:inline-size;width:100%;min-width:0;margin-top:20px;font-size:12px;line-height:18px;overflow:clip}.yXmGcG_inputs{grid-template-columns:minmax(0,round(down,50%,1px)) minmax(0,1fr);grid-auto-rows:72px}.yXmGcG_tile{text-align:center;grid-template-rows:16px 32px;height:72px;padding:12px 8px;display:grid;position:relative}.yXmGcG_tile:before,.yXmGcG_tile:after{white-space:pre;text-align:left;line-height:12px;position:absolute;top:0;overflow:hidden}.yXmGcG_tile:before{content:"┌────────────────────────────────────────────────────────────────────────────────\a │\a │\a │\a │\a └────────────────────────────────────────────────────────────────────────────────";inset:0 8px 0 0}.yXmGcG_tile:after{content:"┐\a │\a │\a │\a │\a ┘";width:8px;right:0}.yXmGcG_kind{text-wrap:balance}@media (min-width:1024px){.yXmGcG_row{grid-template-columns:minmax(0,round(down,50% - 16px,1px)) minmax(0,1fr)}.yXmGcG_inputs{grid-template-columns:repeat(2,minmax(0,round(down,33.3333%,1px))) minmax(0,1fr)}}@media (min-width:1280px){.yXmGcG_row{grid-template-columns:minmax(0,round(down,50% - 20px,1px)) minmax(0,1fr)}.yXmGcG_layout{grid-template-columns:minmax(min-content,1fr) minmax(288px,1fr);align-items:start;gap:24px;height:100%;display:grid}.yXmGcG_drawing{align-self:center;margin-top:0}}
._RBjHG_body{height:456px}._RBjHG_edge:before{content:"┌────────────────────────────────────────────────────────────────";flex:1;min-width:0;overflow:hidden}._RBjHG_edge:after{content:"┐"}._RBjHG_edge[data-bottom]:before{content:"└────────────────────────────────────────────────────────────────"}._RBjHG_edge[data-bottom]:after{content:"┘"}._RBjHG_part:before,._RBjHG_part:after{content:"│"}._RBjHG_part:after{margin-left:auto}._RBjHG_part[data-visible=false],._RBjHG_frame[data-visible=false]{opacity:0}._RBjHG_option{--cells:var(--short);height:42px;position:relative}._RBjHG_option:after{content:"▕░░░░░░░░░░░░░░░░▏";display:block}._RBjHG_option:before{content:"████████████████████████";width:calc(var(--cells) * 1ch);position:absolute;top:20px;left:calc(8px + 1ch);overflow:hidden}._RBjHG_option[data-leading=true]{color:inherit;font-weight:700}@media (min-width:1280px){._RBjHG_body{height:288px}._RBjHG_terminal{grid-template-columns:minmax(0,round(down,50% - 8px,1px)) minmax(0,1fr)}._RBjHG_option{--cells:var(--wide)}._RBjHG_option:after{content:"▕░░░░░░░░░░░░░░░░░░░░░░░░▏"}}@media (max-width:359px){._RBjHG_body{height:476px}}