@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}}.uid-scene{flex-direction:column;justify-content:center;align-items:center;gap:clamp(36px,7vh,72px);min-height:0;display:flex}.uid-panel{background:#f0efed;border:1px solid #0000000f;border-radius:16px;width:300px;max-width:100%;padding:15px 14px;box-shadow:inset 0 1px #ffffffb3}.uid-panel light-dial{font-family:var(--ui-font)}light-dial:not(:defined){height:56px;display:block}@media (min-width:1100px) and (min-height:760px){.uid-panel{zoom:2}}@media (min-width:901px) and (max-width:1099px),(min-width:901px) and (max-height:759px){.uid-panel{zoom:1.5}}.uid-objects{--tile:clamp(96px, 11vw, 168px);grid-template-columns:repeat(3, var(--tile));gap:clamp(16px,3vw,48px);display:grid}.uid-object{justify-items:center;gap:10px;margin:0;display:grid}.uid-object figcaption{color:var(--pf-text);opacity:.55;font-size:13px;line-height:16px}.uid-object-view{width:var(--tile);aspect-ratio:1;place-items:center;display:grid;position:relative}.uid-head iframe{color-scheme:normal;opacity:0;pointer-events:none;background:0 0;border:0;width:124%;height:124%;transition:opacity .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uid-head[data-ready] iframe{opacity:1}.uid-sphere{aspect-ratio:1;background:radial-gradient(ellipse 100% 100% at var(--spot-x,50%) var(--spot-y,28%), #fff3e6 0%, #f2b48d 14%, #c9714a 40%, #5b2c1b 74%, #3a1a10 100%);border-radius:50%;width:76%}.uid-card{aspect-ratio:1.45;background:#fff;border-radius:12px;grid-template-columns:auto 1fr;align-content:center;gap:7px 9px;width:78%;padding:0 13%;display:grid}.uid-card-avatar{width:calc(var(--tile) * .14);aspect-ratio:1;background:#dcdfe4;border-radius:50%;grid-row:span 2}.uid-card-line{background:#e3e6ea;border-radius:3px;height:6px}.uid-card-line--short{width:60%}@media (max-width:900px){[data-ui=light-dial] .ui-stage{height:auto;min-height:0;padding:28px 16px 16px}.uid-scene{gap:32px}.uid-objects{--tile:min(27vw, 120px);gap:12px}}