.vd{--_surface:var(--vd-surface,#eaebe9);--_ink:var(--vd-ink,#3f4247);--_quiet:var(--vd-quiet,#caccc9);--_live:var(--vd-live,#5eb948);--_warn:var(--vd-warn,#e8a13a);--_danger:var(--vd-danger,#e5484d);--_share:var(--vd-share,var(--_live));--_focus:var(--vd-focus,#0c75f1);vertical-align:middle;height:48px;color:var(--_ink);font-family:var(--ui-font);opacity:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:opacity .3s ease-out;display:inline-block;position:relative}.vd[data-appearance=glass]{--_surface:var(--vd-glass,#18181beb);--_ink:var(--vd-ink,#ffffffeb);--_quiet:var(--vd-quiet,#ffffff4d);--_live:var(--vd-live,#4ade80);--_warn:var(--vd-warn,#facc15);--_danger:var(--vd-danger,#fb7185);--_share:var(--vd-share,#38bdf8);--_focus:var(--vd-focus,#7cc4ff)}.vd[data-ready]{opacity:1}.vd-surface{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vd-body{fill:var(--_surface)}.vd-tint,.vd-sheen,.vd-rim{display:none}.vd[data-appearance=glass] :is(.vd-tint,.vd-sheen,.vd-rim){display:inline}.vd-rim{fill:none;stroke-width:2px}.vd-tint-stop,.vd-rim-stop{stop-color:#fff;transition:stop-color .3s ease-out,stop-opacity .3s ease-out}.vd-tint-stop{stop-opacity:.04}.vd-rim-stop{stop-opacity:.22}.vd-tint-stop[data-tint=live],.vd-rim-stop[data-tint=live]{stop-color:var(--_live)}.vd-tint-stop[data-tint=warn],.vd-rim-stop[data-tint=warn]{stop-color:var(--_warn)}.vd-tint-stop[data-tint=danger],.vd-rim-stop[data-tint=danger]{stop-color:var(--_danger)}.vd-tint-stop[data-tint=share],.vd-rim-stop[data-tint=share]{stop-color:var(--_share)}.vd-tint-stop:is([data-tint=live],[data-tint=warn],[data-tint=danger],[data-tint=share]){stop-opacity:.3}.vd-rim-stop:is([data-tint=live],[data-tint=warn],[data-tint=danger],[data-tint=share]){stop-opacity:.85}.vd-tint-stop[data-tint=bright]{stop-opacity:.12}.vd-rim-stop[data-tint=bright]{stop-opacity:.42}.vd-sheen-top{stop-color:#fff;stop-opacity:.16}.vd-sheen-middle{stop-color:#fff;stop-opacity:.03}.vd-sheen-bottom{stop-color:#fff;stop-opacity:0}.vd-bead{box-sizing:border-box;color:inherit;font:inherit;letter-spacing:0;cursor:pointer;background:0 0;border:0;border-radius:20px;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:0;left:0}.vd-bead:disabled{cursor:default}.vd-bead:focus-visible{outline:2px solid var(--_focus);outline-offset:2px}.vd-status{cursor:default;overflow:hidden}.vd-exit{overflow:hidden}.vd-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vd-dot{z-index:1;background:var(--_quiet);border-radius:50%;flex:none;width:7px;height:7px;transition:background-color .3s ease-out;position:relative}.vd[data-status=live] .vd-dot{background:var(--_live)}.vd[data-status=live] .vd-dot:after{border:1px solid var(--_live);content:"";opacity:0;border-radius:50%;animation:2.8s cubic-bezier(.22,.61,.36,1) infinite vd-ping;position:absolute;inset:-1px}@keyframes vd-ping{0%{opacity:.7;inset:-1px}60%,to{opacity:0;inset:-8px}}.vd[data-status=connecting] .vd-dot,.vd[data-status=reconnecting] .vd-dot{background:var(--_warn);animation:1.2s ease-in-out infinite vd-blink}.vd[data-status=reconnecting] .vd-dot{animation-duration:.7s}@keyframes vd-blink{50%{opacity:.35}}.vd-status .vd-word{z-index:1;width:0;color:color-mix(in srgb, var(--_ink) 72%, var(--_surface));white-space:nowrap;opacity:0;flex:none;font-size:17px;font-weight:500;line-height:1;position:relative;overflow:hidden}.vd[data-appearance=glass] .vd-dot{filter:drop-shadow(0 0 3px var(--_live))}.vd[data-appearance=glass]:is([data-status=connecting],[data-status=reconnecting]) .vd-dot{filter:drop-shadow(0 0 3px var(--_warn))}.vd[data-appearance=glass][data-status=ended] .vd-dot{filter:none}.vd[data-appearance=glass] .vd-status .vd-word{color:color-mix(in srgb, var(--_warn) 82%, #fff);text-shadow:0 0 10px color-mix(in srgb, var(--_warn) 55%, transparent)}.vd[data-appearance=glass][data-status=ended] .vd-status .vd-word{color:var(--_quiet);text-shadow:none}.vd-bokeh{pointer-events:none;display:none;position:absolute;inset:8px 12px}.vd[data-appearance=glass]:is([data-status=connecting],[data-status=reconnecting]) .vd-bokeh{display:block}.vd-bokeh i{background:var(--_warn);opacity:0;filter:blur(1.6px);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;animation:2.6s ease-in-out infinite vd-drift;position:absolute;top:50%}.vd-bokeh i:first-child{animation-delay:-.3s;left:4%;translate:0 -7px}.vd-bokeh i:nth-child(2){width:5px;height:5px;animation-duration:3.1s;animation-delay:-1.1s;left:18%;translate:0 8px}.vd-bokeh i:nth-child(3){animation-delay:-1.9s;left:33%;translate:0 -2px}.vd-bokeh i:nth-child(4){width:9px;height:9px;animation-duration:3.4s;animation-delay:-.7s;left:47%;translate:0 9px}.vd-bokeh i:nth-child(5){width:5px;height:5px;animation-delay:-2.2s;left:61%;translate:0 -9px}.vd-bokeh i:nth-child(6){animation-duration:2.9s;animation-delay:-1.5s;left:75%;translate:0 4px}.vd-bokeh i:nth-child(7){width:6px;height:6px;animation-delay:-.1s;left:88%;translate:0 -5px}@keyframes vd-drift{0%{opacity:0;transform:translate(-6px)scale(.6)}45%{opacity:.5}to{opacity:0;transform:translate(9px)scale(1)}}.vd-wave{align-items:center;gap:3px;height:28px;display:flex}.vd-wave i{background:var(--_quiet);border-radius:2px;width:2.6px;height:3px;transition:background-color .25s ease-out}.vd[data-talking] .vd-wave i{background:var(--_live)}.vd[data-appearance=glass][data-talking] .vd-wave i{background:color-mix(in srgb, var(--_live) 72%, #fff)}.vd[data-appearance=glass][data-talking] .vd-wave{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--_live) 75%, transparent))}.vd[data-muted] .vd-wave{-webkit-mask-image:linear-gradient(50.7deg,#000 calc(50% - 3.5px),#0000 calc(50% - 3.5px) calc(50% + 3.5px),#000 calc(50% + 3.5px));mask-image:linear-gradient(50.7deg,#000 calc(50% - 3.5px),#0000 calc(50% - 3.5px) calc(50% + 3.5px),#000 calc(50% + 3.5px))}.vd-slash{fill:none;width:40px;height:40px;stroke:var(--_ink);stroke-linecap:round;stroke-width:2.4px;pointer-events:none;transition:stroke .2s ease-out;position:absolute;overflow:visible}.vd-slash path{stroke-dasharray:1;stroke-dashoffset:1px}.vd[data-muted] .vd-slash path{stroke-dashoffset:0}.vd[data-appearance=glass] .vd-slash{stroke:#fff;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--_danger) 80%, transparent))}.vd-window{background:var(--_quiet);border-radius:7px;width:34px;height:28px;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out;position:relative}.vd-window i{background:#fff;border-radius:50%;width:3.5px;height:3.5px;position:absolute;top:5px}.vd-window i:first-child{left:5px}.vd-window i:nth-child(2){left:10.5px}.vd-window i:nth-child(3){left:16px}.vd-screen:disabled .vd-window{opacity:.5}.vd[data-sharing] .vd-window{background:var(--_share)}.vd[data-appearance=glass] .vd-window{background:#ffffff12;box-shadow:inset 0 0 0 1.5px #ffffff8c}.vd[data-appearance=glass][data-sharing] .vd-window{background:color-mix(in srgb, var(--_share) 34%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--_share) 80%, #fff);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--_share) 65%, transparent))}.vd-exit .vd-word{white-space:nowrap;font-size:23px;font-weight:500;line-height:1;transition:color .2s ease-out,text-shadow .2s ease-out;animation:.24s cubic-bezier(.23,1,.32,1) vd-word-in}.vd[data-armed] .vd-exit .vd-word{color:var(--_danger)}.vd[data-appearance=glass][data-armed] .vd-exit .vd-word{color:color-mix(in srgb, var(--_danger) 80%, #fff);text-shadow:0 0 12px color-mix(in srgb, var(--_danger) 60%, transparent)}@keyframes vd-word-in{0%{opacity:0;transform:translateY(6px)}}.vd-grid{grid-template-columns:repeat(2,12px);gap:1px;transition:transform .45s cubic-bezier(.34,1.56,.64,1);display:grid}.vd-grid i{background:var(--_ink);border-radius:50%;width:12px;height:12px}.vd[data-menu] .vd-grid{transform:rotate(45deg)scale(.86)}.vd-tip{bottom:calc(100% + 10px / var(--vd-zoom,1));padding:calc(7px / var(--vd-zoom,1)) calc(9px / var(--vd-zoom,1)) calc(8px / var(--vd-zoom,1));border-radius:calc(8px / var(--vd-zoom,1));color:#fff;font-size:calc(13px / var(--vd-zoom,1));white-space:nowrap;opacity:0;pointer-events:none;background:#232b35;font-weight:500;line-height:1;transition:opacity .15s ease-out,transform .15s ease-out;position:absolute;left:50%;transform:translate(-50%,4px)}.vd[data-appearance=glass] .vd-tip{background:#1e1e22f0;box-shadow:inset 0 0 0 1px #ffffff24}.vd-bead:focus-visible .vd-tip{opacity:1;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.vd-bead:hover .vd-tip{opacity:1;transition-delay:.45s;transform:translate(-50%)}.vd:not([data-sharing]) .vd-screen:not(:disabled):hover .vd-window{background:color-mix(in srgb, var(--_quiet) 78%, var(--_ink))}.vd[data-appearance=glass]:not([data-sharing]) .vd-screen:not(:disabled):hover .vd-window{background:#ffffff24}.vd[data-muted] .vd-voice:not(:disabled):hover .vd-slash{stroke:color-mix(in srgb, var(--_ink) 50%, var(--_surface))}}.vd[data-menu] .vd-menu .vd-tip{visibility:hidden}@media (prefers-reduced-motion:reduce){.vd-dot,.vd-dot:after,.vd-bokeh i{animation:none!important}.vd-bokeh i{opacity:.35}.vd-exit .vd-word{animation:none}.vd-grid,.vd-tip{transition:none}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Inter-ExtraBold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Inter-Black.woff2)format("woff2")}:root{--ui-font:"Inter", system-ui, sans-serif;--ui-stage:radial-gradient(circle, #bfbfbf 0 .75px, transparent 1.25px) 0 0 / 14px 14px, #f5f5f5;--ui-stage-dark:radial-gradient(circle, #fff3 0 .75px, transparent 1.25px) 0 0 / 14px 14px, #111214}.ui{--ui-feed:calc(.8 * min((100vw - clamp(340px, 27vw, 460px) - clamp(28px, 4.4vw, 84px) - 24px) * .86, 1480px, max(680px, (100svh - 150px) * 16 / 9)));--ui-column:min(100% - 48px, max(420px, .7 * var(--ui-feed)));--ui-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--ui-line:#232b351a;--ui-plate:#f1f3f6;background:var(--pf-bg);min-height:100svh;color:var(--pf-text);font-family:var(--ui-font);letter-spacing:0;font-size:15px;line-height:19px}.ui ::selection{background:var(--pf-blue);color:#fff}:is(.ui-nav,.ui-intro,.ui-side,.ui-bar,.ui-docs) :is(a,button,input,select):focus-visible{outline:2px solid var(--pf-blue);outline-offset:3px}.ui-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-nav{z-index:20;gap:8px;display:flex;position:fixed;top:24px;right:24px}@supports (animation-timeline:scroll()){.ui-nav:before{z-index:-1;background:linear-gradient(to bottom, var(--pf-bg) 35%, #fff0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);content:"";pointer-events:none;height:100px;animation:linear both ui-veil;animation-timeline:scroll(root);animation-range:0 64px;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}}.ui-home{z-index:21;position:fixed;top:6px;left:50%;translate:-50%}.ui-home .cubas-head{pointer-events:auto;outline-offset:2px;width:76px;height:76px;margin:0;transition:transform .46s cubic-bezier(.34,1.56,.64,1);display:block;position:relative}.ui-home .cubas-head:focus-visible{outline:2px solid var(--pf-blue)}.ui-home .cubas-head:active{transition:transform 90ms ease-out;transform:scale(.92)}.ui-home :is(.cubas-head-fallback,.cubas-head-frame){pointer-events:none;background:0 0;border:0;width:144.681%;max-width:none;height:144.681%;transition:opacity .12s ease-out;display:block;position:absolute}.ui-home .cubas-head-fallback{object-fit:cover;top:-22.34%;left:50%;transform:translate(-50%)}.ui-home .cubas-head-frame{opacity:0;top:67%;left:50%;transform:translate(-50%,-50%)scale(.72)}.ui-home .cubas-head.is-animated .cubas-head-fallback{opacity:0}.ui-home .cubas-head.is-animated .cubas-head-frame{opacity:1}.ui .ui-nav .pf-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-top,.ui-docs{width:var(--ui-column);margin:0 auto}.ui-top{flex-direction:column;padding:clamp(96px,14svh,140px) 0 0;display:flex}.ui-intro{max-width:560px;line-height:22px}.ui-role{margin:0 0 12px}.ui-text{text-wrap:pretty}.ui-text p{margin:0 0 12px}.ui-text p:last-child{margin-bottom:0}.ui-install{border:1px solid var(--pf-chip-line);max-width:100%;height:40px;color:var(--pf-fg);font:inherit;cursor:pointer;background:#f6f7f9;border-radius:12px;align-items:center;gap:14px;margin-top:20px;padding:0 8px 0 16px;display:inline-flex}.ui-install code{font-family:var(--ui-mono);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ui-install span{background:var(--pf-bg);border-radius:8px;flex:none;padding:4px 9px 5px;font-size:13px;line-height:1}@media (hover:hover) and (pointer:fine){.ui-install:hover span{background:var(--pf-chip-hover)}}.ui-caption{font:inherit;opacity:.5;margin:0 0 8px}.ui-value{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.5}.ui-note{max-width:640px;color:var(--pf-dim);text-wrap:pretty;margin:0 0 12px}.ui-stage{background:var(--ui-stage);height:clamp(440px,64svh,700px);color:var(--pf-text);isolation:isolate;border-radius:clamp(20px,2.4vw,32px);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;margin-top:36px;padding:24px;display:grid;position:relative;overflow:hidden}.ui-bar{z-index:3;width:min(100%,720px);color:var(--pf-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.ui-side{flex-direction:column;gap:24px;min-width:0;padding-top:24px;display:flex}.ui-chips{flex-wrap:wrap;gap:6px;display:flex}.ui-chip{border:1px solid var(--pf-chip-line);background:var(--pf-chip);height:34px;color:var(--pf-fg);font:inherit;cursor:pointer;border-radius:10px;padding:0 13px 1px;font-size:14px;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out}.ui-chip[aria-pressed=true]{border-color:var(--pf-text);background:var(--pf-text);color:#fff}.ui-chip:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.ui-chip[aria-pressed=false]:hover{background:var(--pf-chip-hover)}}.ui-docs{grid-template-columns:minmax(0,1fr);gap:56px;padding:72px 0 96px;display:grid}.ui-doc>.ui-caption{color:var(--pf-fg);opacity:1;margin:0 0 14px;font-weight:500}.ui-doc>.ui-caption,.ui .ui-doc-body h3{font-variation-settings:"wght" 560, "wdth" 100, "opsz" 20, "GRAD" 0;letter-spacing:-.01em;font-family:Roboto Flex Portfolio,Roboto Flex,sans-serif;font-size:17px}.ui .pf-chip{font-family:var(--ui-font)}.ui-doc-body{min-width:0}.ui-doc-body h3{color:var(--pf-fg);font:inherit;margin:32px 0 10px;font-weight:500}.ui-doc-body h3:first-child{margin-top:0}.ui-doc-body>p:not([class]){text-wrap:pretty;margin:0 0 12px}.ui-code{background:#f6f7f9;border-radius:16px;margin:0 0 12px;position:relative}.ui-code pre{color:var(--pf-text);font-family:var(--ui-mono);tab-size:2;margin:0;padding:16px 104px 17px 18px;font-size:13px;line-height:20px;overflow-x:auto}.ui-copy{border:1px solid var(--pf-chip-line);background:var(--pf-chip);height:28px;color:var(--pf-fg);font:inherit;cursor:pointer;border-radius:30px;padding:0 12px 1px;font-size:13px;position:absolute;top:10px;right:10px}@media (hover:hover) and (pointer:fine){.ui-copy:hover{background:var(--pf-chip-hover)}}.ui-table{border-top:1px solid var(--ui-line);margin:0 0 12px}.ui-tr{border-bottom:1px solid var(--ui-line);flex-wrap:wrap;gap:2px 12px;padding:9px 0 10px;display:flex}.ui-tr>:last-child{color:var(--pf-dim);text-wrap:pretty;flex-basis:100%}.ui-tr code,.ui-type,.ui-default{font-family:var(--ui-mono);overflow-wrap:anywhere;font-size:13px;line-height:19px}.ui-tr code{color:var(--pf-fg)}.ui-type{color:#0c64cf}.ui-default{color:var(--pf-dim)}.ui-list{margin:0;padding-left:20px}.ui-list li{text-wrap:pretty;margin:0 0 8px;padding-left:4px}.ui-files{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 28px;display:flex}.ui-files .ui-value{margin-left:6px}.ui-t-tag,.ui-t-plain{color:#232b358c}.ui-t-attr{color:#0c64cf}.ui-t-value{color:#a3218a}@media (max-width:900px){.ui{--ui-column:calc(100% - 32px)}.ui-nav{gap:6px;top:16px;right:16px}.ui-nav:before{height:80px}.ui-home{top:4px;left:8px;translate:none}.ui-home .cubas-head{width:64px;height:64px}.ui-top{padding-top:76px}.ui-stage{gap:16px;height:min(72svh,620px);min-height:440px;margin-top:28px;padding:16px}.ui-docs{padding:48px 0 calc(64px + env(safe-area-inset-bottom));gap:48px}.ui-code{display:grid}.ui-code pre{padding:4px 18px 17px}.ui-copy{grid-row:1;justify-self:end;margin:10px 10px 0;position:static}}@keyframes ui-veil{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ui-chip,.ui-home .cubas-head,.ui-home .cubas-head:active{transition:none;transform:none}}.vds-scene{grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-height:0;display:grid;position:relative}.ui-stage.vds-stage[data-surface=dark]{background:var(--ui-stage-dark);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.vds-anchor{position:relative}.vds-menu{min-width:164px;font-family:var(--ui-font);transform-origin:calc(100% - 41px) 100%;background:#fff;border-radius:16px;padding:5px;font-size:14px;line-height:18px;animation:.22s cubic-bezier(.23,1,.32,1) vds-pop;display:grid;position:absolute;bottom:calc(100% + 12px);right:-4px;box-shadow:0 0 0 1px #232b351a}.vds-menu button{color:var(--pf-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:8px 10px 9px}@media (hover:hover) and (pointer:fine){.vds-menu button:hover{background:#f4f5f6}}.vds-stage[data-surface=dark] .vds-menu{background:#1e1e22f0;box-shadow:inset 0 0 0 1px #ffffff24}.vds-stage[data-surface=dark] .vds-menu button{color:#ffffffe6}@media (hover:hover) and (pointer:fine){.vds-stage[data-surface=dark] .vds-menu button:hover{background:#ffffff14}}@keyframes vds-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}}:is(.vds-menu button,.vds-restart):focus-visible{outline:2px solid var(--pf-blue);outline-offset:3px}.vds-scene .vds-restart{animation:.4s cubic-bezier(.23,1,.32,1) .3s backwards vds-rise;position:absolute;top:calc(50% + 52px);left:50%;translate:-50%}@keyframes vds-rise{0%{opacity:0;transform:translateY(8px)}}.vds-size{font-variant-numeric:tabular-nums;opacity:.5;margin:0 0 6px;font-size:13px}.vds-stage[data-surface=dark] .vds-size{color:#fff}.vds-swatches{flex-wrap:wrap;align-items:center;gap:4px 10px;display:inline-flex}.vds-look{opacity:.5}.vds-swatch{font-family:var(--ui-mono);align-items:center;gap:8px;font-size:13px;display:inline-flex}.vds-swatch i{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #232b351a}@media (prefers-reduced-motion:reduce){.vds-menu,.vds-restart{animation:none}}