@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}}.au-code,.au-value{font-family:var(--ui-mono)}.au-value{font-size:12px}.au-inspector{margin-top:28px}.au-code{color:var(--pf-text);white-space:pre;tab-size:2;scrollbar-width:thin;background:#f4f6f9;border-radius:14px;margin:0;padding:12px 14px;font-size:12px;line-height:18px;overflow-x:auto}.au-inspector .au-code{margin-bottom:12px}.au-chips{flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 10px;display:flex}.au-chips-name{opacity:.5;min-width:34px;margin-right:4px}.au-chip{border:1px solid var(--pf-chip-line);background:var(--pf-chip);height:28px;color:var(--pf-text);letter-spacing:-.2px;cursor:pointer;border-radius:14px;padding:0 10px 1px;font:500 13px/1 Roboto Flex Text,Suisse Intl,Arial,sans-serif;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out}.au-chip[aria-pressed=true]{border-color:var(--pf-fg);background:var(--pf-fg);color:#fff}.au-chip:active{transform:scale(.95)}.au-columns{min-width:28px;padding:0 0 1px}@media (hover:hover) and (pointer:fine){.au-chip:not([aria-pressed=true]):hover{background:var(--pf-chip-hover)}}.au-swatch{background:radial-gradient(closest-side, var(--core) 0 34%, transparent 100%), radial-gradient(closest-side, var(--mid) 0 30%, var(--edge) 100%);border:0;width:28px;padding:0;box-shadow:inset 0 0 0 1px #ffffff4d}.au-swatch[aria-pressed=true]{background:radial-gradient(closest-side, var(--core) 0 34%, transparent 100%), radial-gradient(closest-side, var(--mid) 0 30%, var(--edge) 100%);box-shadow:0 0 0 2px var(--pf-bg), 0 0 0 3.5px var(--pf-fg)}.ui-stage.au-stage{justify-items:stretch;gap:18px;min-height:620px}.au-frame{place-items:center;min-height:0;display:grid;container-type:size}.au-device{--w:min(100cqw, 100cqh * .935, 1000px);width:var(--w);aspect-ratio:.935;padding:calc(var(--w) * .013);border-radius:calc(var(--w) * .084);background:linear-gradient(140deg,#3d5468 0%,#111c26 20%,#0a1118 50%,#1e3242 80%,#0c141c 100%);position:relative;box-shadow:inset 0 0 0 1px #ffffff17}.au-device:before,.au-device:after{width:calc(var(--w) * .034);height:calc(var(--w) * .02);content:"";background:linear-gradient(90deg,#070c11,#2d4252 28%,#070c11 50%,#2d4252 72%,#070c11);border-radius:0 0 4px 4px;position:absolute;left:50%;translate:-50%}.au-device:before{top:0}.au-device:after{border-radius:4px 4px 0 0;bottom:0}.au-key{background:linear-gradient(90deg,#0b141b,#2c4152);border-radius:2px;width:4px;position:absolute;left:-3px}.au-key--1{height:4.5%;top:15%}.au-key--2{height:8%;top:23%}.au-key--3{height:8%;top:33%}.au-key--4{height:9%;top:25%;left:auto;right:-3px}.au-screen{height:100%;padding:calc(var(--w) * .02) calc(var(--w) * .036) calc(var(--w) * .032);border-radius:calc(var(--w) * .072);background-color:#020406;background-image:radial-gradient(circle,#ffffff1c .8px,#0000 1.3px);background-size:calc(var(--w) * .0156) calc(var(--w) * .0156);color:#fff;background-position:50%;flex-direction:column;display:flex;position:relative;overflow:hidden}.au-screen:after{width:calc(var(--w) * .08);content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff09 50%,#0000);position:absolute;inset:0 auto 0 50%;translate:-50%}.au-status{height:calc(var(--w) * .05);margin-bottom:calc(var(--w) * .012);padding:0 calc(var(--w) * .032);font-size:calc(var(--w) * .0175);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;font-weight:500;line-height:1;display:flex}.au-date{margin-left:.3em}.au-icons{fill:currentColor;width:auto;height:.95em}.au-host{flex-direction:column;flex:1;min-height:0;display:flex}.au-host aura-board{--aura-columns:4;--aura-gap:calc(var(--w) * .0118);--aura-bar-gap:0;--aura-font:var(--ui-font);flex:1}.au-frame:not([data-device]) .au-device{--w:min(100cqw, (100cqh - 130px) * 1.19, 900px);aspect-ratio:auto;box-shadow:none;background:0 0;border-radius:0;padding:0}.au-frame:not([data-device]) :is(.au-key,.au-status),.au-frame:not([data-device]) .au-device:before,.au-frame:not([data-device]) .au-device:after,.au-frame:not([data-device]) .au-screen:after{display:none}.au-frame:not([data-device]) .au-screen{height:auto;color:var(--pf-text);background:0 0;border-radius:0;padding:0;overflow:visible}.au-frame:not([data-device]) .au-host aura-board{--aura-gap:10px;--aura-bar-gap:20px;--aura-bar-bg:#232b3512;--aura-bar-ink:var(--pf-text)}.au-frame:not([data-device]) aura-board::part(done){box-shadow:inset 0 0 0 1px var(--pf-chip-line)}.au-bar{z-index:3;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.au-find{position:relative}.ui .au-view{gap:7px;padding:0 14px 1px 11px}.ui .au-view svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:15px;height:15px}.ui .au-view[aria-pressed=true]{border-color:var(--pf-fg);background:var(--pf-fg);color:#fff}.ui .au-city{cursor:text;gap:8px;padding:0 14px 1px 12px}.ui .au-city svg{fill:none;stroke:currentColor;stroke-width:1.5px;opacity:.6;width:15px;height:15px}.au-city input{width:150px;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;outline:0;padding:0}.au-city input::placeholder{color:var(--pf-fg);opacity:1}.au-city input:focus::placeholder{opacity:.4}.au-results{z-index:5;background:#fff;border-radius:16px;min-width:260px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 0 0 1px #cdd6e399}.au-results button{width:100%;color:var(--pf-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;gap:14px;padding:8px 10px 9px;display:flex}:is(.au-results button:hover,.au-results button:focus-visible){background:#f4f6f9}.au-results span,.au-results-empty{color:var(--pf-faint)}.au-results-empty{padding:8px 10px 9px}.au-source{color:var(--pf-faint);white-space:nowrap;padding:0 6px;font-size:13px;text-decoration:none}@media (hover:hover) and (pointer:fine){.au-source:hover{color:var(--pf-text)}}@media (max-width:1179px){[data-ui=aura] .ui-stage{height:auto;min-height:0;padding:20px}.au-frame{container-type:inline-size}.au-device,.au-frame:not([data-device]) .au-device{--w:min(100cqw, 880px)}}@media (max-width:699px){[data-ui=aura] .ui-stage{border-radius:28px;margin-inline:-8px;padding:12px 8px 16px}.au-device{aspect-ratio:auto;border-radius:44px;padding:6px}.au-device:before,.au-device:after,.au-screen:after{display:none}.au-screen{background-size:9px 9px;border-radius:38px;height:auto;padding:10px 12px 14px}.au-status{height:30px;margin-bottom:6px;padding:0 14px;font-size:13px}.au-host aura-board{--aura-columns:2;--aura-gap:8px;--aura-bar-gap:20px}.au-city input{width:120px}}
