.hx-dev-utilities{--zw: 1;--zh: 1;position:relative;display:grid;place-items:center;container-type:inline-size;min-width:0}.hx-dev-utilities .st{position:relative;width:560px;height:440px;zoom:min(var(--zw),var(--zh));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;--cyc: 13.2s}@container (max-width: 559px){.hx-dev-utilities .st{--zw: .9}}@container (max-width: 504px){.hx-dev-utilities .st{--zw: .8}}@container (max-width: 448px){.hx-dev-utilities .st{--zw: .7}}@container (max-width: 392px){.hx-dev-utilities .st{--zw: .64;justify-self:start}}@media(max-width:520px){.hx-dev-utilities{overflow:hidden}}@media(max-width:980px){.hx-dev-utilities{--zh: .72}}.hx-dev-utilities .du-pal{position:absolute;left:0;top:0;bottom:0;width:192px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#16181f,#0f1015);border:1px solid rgb(255 255 255 / .12);color:#d7dae0;box-shadow:0 1px #ffffff0f inset,0 40px 80px -34px #000000d9,0 30px 80px -50px color-mix(in srgb,var(--a) 80%,transparent)}:root[data-theme=light] .hx-dev-utilities .du-pal{box-shadow:0 1px 2px #10121b14,0 40px 70px -38px #10121b8c,0 30px 80px -46px color-mix(in srgb,var(--a) 70%,transparent)}.hx-dev-utilities .srch{display:flex;align-items:center;gap:9px;padding:12px;border-bottom:1px solid rgb(255 255 255 / .08)}.hx-dev-utilities .kb{flex:none;font:600 10.5px var(--font-mono);color:#0b0c11;background:var(--a);padding:3px 6px;border-radius:5px;box-shadow:0 2px color-mix(in srgb,var(--a) 50%,#000)}.hx-dev-utilities .q{font-size:12.5px;color:#8a8f9c;display:flex;align-items:center}.hx-dev-utilities .q i{width:1.5px;height:14px;margin-left:3px;background:var(--a);animation:hxdu-blink 1.1s steps(1) infinite}@keyframes hxdu-blink{50%{opacity:0}}.hx-dev-utilities .lst{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px 8px 10px}.hx-dev-utilities .gh{display:block;padding:4px 8px 3px;font:600 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#6b7080}.hx-dev-utilities .it{position:relative;display:flex;align-items:center;gap:9px;height:25px;padding:0 8px;border-radius:7px;font-size:12.5px}.hx-dev-utilities .it b{width:26px;flex:none;text-align:center;font:600 10.5px/18px var(--font-mono);color:#8a8f9c;border-radius:5px;background:#ffffff0d}.hx-dev-utilities .it em{margin-left:auto;font-style:normal;font-size:11px;color:#0b0c11;opacity:0}.hx-dev-utilities .it.on{animation:hxdu-sel var(--cyc) ease-in-out calc(var(--i) * var(--cyc) / 6) infinite}.hx-dev-utilities .it.on b{animation:hxdu-selb var(--cyc) ease-in-out calc(var(--i) * var(--cyc) / 6) infinite}.hx-dev-utilities .it.on em{animation:hxdu-sele var(--cyc) ease-in-out calc(var(--i) * var(--cyc) / 6) infinite}@keyframes hxdu-sel{0%,to{background:transparent;color:var(--u-ink, #d7dae0)}2%,15%{background:color-mix(in srgb,var(--a) 16%,transparent);color:var(--u-on, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 40%,transparent)}17%{background:transparent;color:var(--u-ink, #d7dae0);box-shadow:none}}@keyframes hxdu-selb{0%,to{color:var(--u-mute, #8a8f9c);background:var(--u-chip, rgb(255 255 255 / .05))}2%,15%{color:#0b0c11;background:var(--a)}17%{color:var(--u-mute, #8a8f9c);background:var(--u-chip, rgb(255 255 255 / .05))}}@keyframes hxdu-sele{0%,to{opacity:0}2%,15%{opacity:1;color:var(--a)}17%{opacity:0}}.hx-dev-utilities .bento{position:absolute;inset:0 0 0 206px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px}.hx-dev-utilities .cd{position:relative;min-width:0;display:flex;flex-direction:column;gap:6px;padding:11px 12px;border-radius:13px;overflow:hidden;background:linear-gradient(180deg,#14161d,#0e0f14);border:1px solid rgb(255 255 255 / .1);color:#d7dae0;--cs: 0 20px 40px -24px rgb(0 0 0 / .8);box-shadow:0 0 0 0 transparent,var(--cs);animation:hxdu-card var(--cyc) ease-in-out calc(var(--i) * var(--cyc) / 6) infinite}:root[data-theme=light] .hx-dev-utilities .cd{--cs: 0 20px 36px -24px rgb(16 18 27 / .5)}@keyframes hxdu-card{0%,to{transform:none;border-color:var(--u-line, rgb(255 255 255 / .1));box-shadow:0 0 0 0 transparent,var(--cs)}3%,15%{transform:translateY(-3px);border-color:color-mix(in srgb,var(--a) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 14%,transparent),0 24px 44px -22px color-mix(in srgb,var(--a) 60%,#000)}18%{transform:none;border-color:var(--u-line, rgb(255 255 255 / .1));box-shadow:0 0 0 0 transparent,var(--cs)}}.hx-dev-utilities .cd:before{content:"";position:absolute;inset:-1px -1px auto;height:60px;pointer-events:none;opacity:0;background:radial-gradient(120px 60px at 20% 0%,color-mix(in srgb,var(--a) 22%,transparent),transparent 80%);animation:hxdu-glow var(--cyc) ease-in-out calc(var(--i) * var(--cyc) / 6) infinite}@keyframes hxdu-glow{0%,to{opacity:0}3%,15%{opacity:1}18%{opacity:0}}.hx-dev-utilities .ch{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hx-dev-utilities .ch b{font-size:13px;font-weight:650;letter-spacing:-.01em;color:#fff}.hx-dev-utilities .ch span{font:500 10.5px var(--font-mono);color:#8a8f9c}.hx-dev-utilities .in{font:11px/1.4 var(--font-mono);color:#8a8f9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-dev-utilities .in.sm{margin-top:auto;font-size:10.5px}.hx-dev-utilities .to{position:relative;height:1px;margin:2px 0;background:#ffffff14;overflow:hidden}.hx-dev-utilities .to:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,var(--a),transparent);opacity:0;animation:hxdu-run var(--cyc) ease-in-out calc(var(--i) * var(--cyc) / 6) infinite}@keyframes hxdu-run{0%{transform:translate(-100%);opacity:0}2%{opacity:1}8%{transform:translate(260%);opacity:1}9%,to{transform:translate(260%);opacity:0}}.hx-dev-utilities .out{font:500 11.5px/1.45 var(--font-mono);color:#e5e7eb;white-space:pre;overflow:hidden}.hx-dev-utilities .out.big{font:600 15px var(--font-sans);letter-spacing:-.01em;color:#7fd193}.hx-dev-utilities .out.ok{color:#7fd193;font-size:11px}.hx-dev-utilities .kk{color:#61afef}.hx-dev-utilities .jwt i{font-style:normal}.hx-dev-utilities .jwt .a{color:#e06c75}.hx-dev-utilities .jwt .b{color:#c678dd}.hx-dev-utilities .jwt .c{color:#22d3ee}.hx-dev-utilities .hx2{color:#8a8f9c;font-size:11px}.hx-dev-utilities .hx2 .hd8{color:var(--a)}.hx-dev-utilities .uu{display:flex;flex-direction:column;gap:5px}.hx-dev-utilities .uu .out{font-size:11px;color:#9aa1ad}.hx-dev-utilities .uu .ts{color:#61afef}.hx-dev-utilities .u2{animation:hxdu-new var(--cyc) ease-out calc(3 * var(--cyc) / 6) infinite}@keyframes hxdu-new{0%,1%{opacity:0;transform:translateY(6px)}6%,to{opacity:1;transform:none}}.hx-dev-utilities .rx{color:#ffae6b}.hx-dev-utilities .txt{white-space:normal;font-size:11px;color:#9aa1ad}.hx-dev-utilities mark{color:#0b0c11;background:#7fd193;border-radius:3px;padding:0 3px;white-space:nowrap}.hx-dev-utilities .sql{font-size:11px}.hx-dev-utilities .kw{color:#c678dd}.hx-dev-utilities .st2{color:#7fd193}:root[data-theme=light] .hx-dev-utilities{--u-ink: #1c1d24;--u-on: #0b0b10;--u-mute: #6b6f7b;--u-chip: rgb(16 18 27 / .05);--u-line: rgb(16 18 27 / .1)}:root[data-theme=light] .hx-dev-utilities :is(.du-pal,.cd){background:linear-gradient(180deg,#fff,#f8f7f4);border-color:#10121b1a;color:var(--ink)}:root[data-theme=light] .hx-dev-utilities .srch{border-bottom-color:#10121b14}:root[data-theme=light] .hx-dev-utilities :is(.q,.ch span,.in,.hx2){color:var(--ink-3)}:root[data-theme=light] .hx-dev-utilities .gh{color:#8d909b}:root[data-theme=light] .hx-dev-utilities .it{color:var(--ink)}:root[data-theme=light] .hx-dev-utilities .it b{color:var(--ink-3);background:#10121b0d}:root[data-theme=light] .hx-dev-utilities .ch b{color:var(--ink)}:root[data-theme=light] .hx-dev-utilities .to{background:#10121b14}:root[data-theme=light] .hx-dev-utilities .out{color:#1c1d24}:root[data-theme=light] .hx-dev-utilities :is(.out.big,.out.ok,.st2){color:#1f8a3d}:root[data-theme=light] .hx-dev-utilities :is(.kk,.uu .ts){color:#1d6fc7}:root[data-theme=light] .hx-dev-utilities .jwt .a{color:#c43b48}:root[data-theme=light] .hx-dev-utilities :is(.jwt .b,.kw){color:#9a3fbf}:root[data-theme=light] .hx-dev-utilities .jwt .c{color:#0e8aa8}:root[data-theme=light] .hx-dev-utilities .rx{color:#c2620c}:root[data-theme=light] .hx-dev-utilities :is(.uu .out,.txt){color:#5b6170}:root[data-theme=light] .hx-dev-utilities mark{background:#bfe8cb}@media(prefers-reduced-motion:reduce){.hx-dev-utilities *,.hx-dev-utilities *:before,.hx-dev-utilities *:after{animation:none!important}}