.cs{--cs-size:40px;--cs-row:60px;--cs-pad:20px;color:#1d1d1f;font-family:var(--ui-font,inherit);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:24px;position:relative}.cs-head{width:100%;padding:18px var(--cs-pad) 6px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin:0;display:flex}.cs-head:after{content:"";z-index:1;border-radius:24px;position:absolute;inset:0}.cs[data-open] .cs-head{position:relative}.cs[data-open] .cs-head:after{border-radius:24px 24px 12px 12px}.cs-head:focus-visible{outline:none}.cs-head:focus-visible:after{outline-offset:2px;outline:2px solid #0a84ff}.cs-titles{gap:2px;min-width:0;display:grid}.cs-title{letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:22px}.cs-subtitle{color:#86868b;font-size:15px;line-height:20px}.cs-chevron{fill:none;stroke:#b4b4ba;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:16px;rotate:calc(var(--cs-open,0) * 90deg);flex:none;margin-left:auto}.cs-body{height:calc(var(--cs-row) + 8px);position:relative;overflow:hidden}.cs[data-open] .cs-body{height:auto}.cs-list{margin:0;padding:0 0 8px;list-style:none}.cs-row{--q:0;height:var(--cs-row);padding:0 var(--cs-pad);align-items:center;gap:14px;display:flex}.cs[data-open] .cs-row{--q:1}.cs-row>*{opacity:var(--q)}.cs-name,.cs-detail{translate:0 calc((1 - var(--q)) * -6px)}.cs-slot{width:var(--cs-size);height:var(--cs-size);flex:none;position:relative}.cs-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:500;line-height:21px;overflow:hidden}.cs-detail{color:#86868b;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:15px}.cs-face,.cs-more{border-radius:50%;transition:opacity .4s;position:absolute;inset:0}.cs-face{background:#ececef 50%/cover}.cs-pile{top:calc((var(--cs-row) - var(--cs-size)) / 2);left:var(--cs-pad);width:var(--cs-size);height:var(--cs-size);opacity:calc(1 - var(--cs-open,0));pointer-events:none;position:absolute}.cs-pile>*{left:calc(var(--i) * var(--cs-size) * .66);z-index:calc(10 - var(--i));box-shadow:0 0 0 2px #fff}.cs-more{color:#1d1d1f;background:#ececef;place-items:center;font-size:14px;font-weight:600;display:grid}.cs-gl{z-index:2;opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:-40px;overflow:hidden}.cs-gl canvas{position:absolute;top:0;left:0}.cs[data-gl] .cs-gl{opacity:1}.cs[data-gl] .cs-face,.cs[data-gl] .cs-more{opacity:0}@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}}.ui-stage.csp-stage{height:auto;min-height:clamp(440px,64svh,700px)}.csp-sheet{align-content:start;gap:12px;width:min(100%,392px);padding:clamp(8px,2vh,24px) 8px 24px;display:grid}@media (max-width:900px){.ui-stage.csp-stage{min-height:440px}.csp-sheet{padding-top:8px;padding-bottom:8px}}