@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}}.pr-settings{gap:8px;display:grid}.pr-settings .ui-caption{margin-bottom:0}.pr-row{grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;display:grid}.pr-key{opacity:.62}.pr-row>:nth-child(2):last-child{grid-column:2/-1}.pr-field{box-sizing:border-box;border:1px solid var(--pf-chip-line);background:var(--pf-chip);width:100%;height:32px;color:var(--pf-fg);font:inherit;border-radius:10px;outline:none;padding:0 12px 1px;box-shadow:inset 0 1px 2px #b7c9e21a}.pr-field::placeholder{color:var(--pf-faint)}.pr-number{font-variant-numeric:tabular-nums;width:112px}.pr-stepper,.pr-segments{border:1px solid var(--pf-chip-line);background:var(--pf-chip);border-radius:12px;justify-self:start;align-items:center;gap:2px;padding:2px;display:inline-flex}.pr-stepper output{font-variant-numeric:tabular-nums;text-align:center;min-width:28px}.pr-stepper button,.pr-segments button,.pr-flags button{min-width:30px;height:26px;color:var(--pf-fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 10px 1px;font-size:14px;transition:background-color .15s ease-out,color .15s ease-out}.pr-stepper button:disabled{opacity:.3;cursor:default}.pr-segments button[aria-pressed=true],.pr-flags button[aria-pressed=true]{background:var(--pf-text);color:#fff}.pr-flags{flex-wrap:wrap;gap:6px;padding:2px 0 2px 106px;display:flex}.pr-flags button{border:1px solid var(--pf-chip-line);background:var(--pf-chip);border-radius:30px;height:28px}.pr-flags button[aria-pressed=true]{border-color:var(--pf-text)}@media (hover:hover) and (pointer:fine){.pr-stepper button:enabled:hover,.pr-segments button[aria-pressed=false]:hover,.pr-flags button[aria-pressed=false]:hover{background:var(--pf-chip-hover)}}.pr-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pr-swatch{box-sizing:border-box;background:linear-gradient(160deg, var(--swatch), oklch(from var(--swatch) calc(.64 + l * .2) calc(c * .8) calc(h + 32)));cursor:pointer;border:0;border-radius:50%;flex:none;width:24px;height:24px;padding:0;transition:scale .15s ease-out;position:relative}.pr-swatch[aria-pressed=true],.pr-swatch[data-on]{box-shadow:0 0 0 2px var(--pf-bg), 0 0 0 3.5px var(--pf-text)}.pr-swatch--none{background:0 0;border:1.5px dashed #232b354d}.pr-swatch--custom{background:conic-gradient(from 90deg,#ff5f6d,#ffc371,#a8e063,#36d1dc,#5b86e5,#c471ed,#ff5f6d)}.pr-swatch--custom[data-on]{background:linear-gradient(160deg, var(--swatch), oklch(from var(--swatch) calc(.64 + l * .2) calc(c * .8) calc(h + 32)))}.pr-swatch--custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pr-swatch:has(input:focus-visible){outline:2px solid var(--pf-blue);outline-offset:3px}@media (hover:hover) and (pointer:fine){.pr-swatch:hover{scale:1.12}}.pr-range{width:100%;accent-color:var(--pf-text);cursor:pointer;margin:0}.pr-size{text-align:right;min-width:26px}.pr-stage{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:background-color .4s ease-out,color .4s ease-out}.pr-stage[data-surface=dark]{background:var(--ui-stage-dark);color:#f2f2f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.pr-subject{place-items:center;width:100%;min-height:0;padding:24px;display:grid}.pr-subject lm-presence{max-width:100%;font-family:var(--ui-font)}.pr-toast{z-index:1;pointer-events:none;position:absolute;top:22px;left:50%;translate:-50%}.pr-toast-pill{background:var(--pf-text);color:#fff;font-family:var(--ui-mono);white-space:nowrap;border-radius:30px;padding:8px 14px 9px;font-size:13px;line-height:16px;animation:1.8s cubic-bezier(.16,1,.3,1) both pr-toast;display:block}.pr-stage[data-surface=dark] .pr-toast-pill{color:#111;background:#f2f2f7}@keyframes pr-toast{0%{opacity:0;translate:0 -8px}12%,82%{opacity:1;translate:0}to{opacity:0;translate:0 -4px}}.pr-step+.pr-step{margin-top:28px}@media (max-width:900px){.pr-flags{padding-left:0}}@media (prefers-reduced-motion:reduce){.pr-toast-pill{animation-duration:1ms;animation-fill-mode:none}.pr-swatch,.pr-stage{transition:none}}