.public-demos-module__x-4ejq__page{width:100%;max-width:1680px;color:var(--pf-text);box-sizing:border-box;min-width:0;margin:0 auto;padding:32px}.public-demos-module__x-4ejq__hero{margin-bottom:24px}.public-demos-module__x-4ejq__hero h1{letter-spacing:-.02em;max-width:none;margin:0;font-size:28px;font-weight:600;line-height:1.3}.public-demos-module__x-4ejq__heading span{letter-spacing:.08em;color:var(--pf-muted);font-size:11px;font-weight:600}.public-demos-module__x-4ejq__layout{z-index:1;grid-template-columns:220px minmax(0,1fr);gap:22px;display:grid;position:relative}.public-demos-module__x-4ejq__layout aside{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:14px;align-self:start;padding:14px}.public-demos-module__x-4ejq__layout aside h2{gap:9px;margin:5px 4px 16px;font-size:15px;display:flex}.public-demos-module__x-4ejq__layout aside nav{scrollbar-width:thin;scrollbar-color:#555 #171719;gap:6px;max-height:65vh;display:grid;overflow:auto}.public-demos-module__x-4ejq__page button{font:inherit;cursor:pointer;border:1px solid var(--pf-border);background:var(--pf-control);color:#ddd;border-radius:9px;padding:10px 13px;font-size:13px}.public-demos-module__x-4ejq__layout aside nav button{text-align:left;width:100%;padding:9px 10px}.public-demos-module__x-4ejq__layout aside nav button strong{font-size:13px;display:block}.public-demos-module__x-4ejq__modeGroup{min-width:0}.public-demos-module__x-4ejq__layout aside nav .public-demos-module__x-4ejq__modeToggle{background:0 0;border-color:#0000;justify-content:space-between;align-items:center;gap:8px;display:flex}.public-demos-module__x-4ejq__modeToggle svg{flex-shrink:0;width:12px;transition:transform .15s}.public-demos-module__x-4ejq__modeToggle[aria-expanded=true] svg{transform:rotate(180deg)}.public-demos-module__x-4ejq__modeServers:not([hidden]){border-left:1px solid #ffffff14;gap:4px;margin:3px 0 5px;padding-left:8px;display:grid}.public-demos-module__x-4ejq__layout aside nav .public-demos-module__x-4ejq__modeServers button{text-align:left;font-size:12px}.public-demos-module__x-4ejq__layout aside nav button:hover{border-color:#ff2b3a55}.public-demos-module__x-4ejq__layout aside nav button[aria-pressed=true]{color:#fff;background:linear-gradient(90deg,#ff2b3a25,#1d191b);border-color:#ff2b3a80}.public-demos-module__x-4ejq__content{min-width:0}.public-demos-module__x-4ejq__heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.public-demos-module__x-4ejq__heading h2{margin:4px 0;font-size:20px}.public-demos-module__x-4ejq__heading .public-demos-module__x-4ejq__refresh{white-space:nowrap;color:#ff5663;background:#ff2b3a18;border-color:#ff2b3a55;flex-shrink:0;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:14px;display:inline-flex}.public-demos-module__x-4ejq__refresh svg{width:18px;height:18px}.public-demos-module__x-4ejq__heading .public-demos-module__x-4ejq__refresh:hover{color:#fff;background:#ff2b3a30;border-color:#ff5663}.public-demos-module__x-4ejq__filters{border:1px solid color-mix(in srgb, var(--pf-accent) 22%, transparent);background:#111;border-radius:13px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.public-demos-module__x-4ejq__filters form,.public-demos-module__x-4ejq__filters label{box-sizing:border-box;border:1px solid var(--pf-border);background:var(--pf-control);border-radius:10px;align-items:center;gap:9px;height:44px;padding:6px 12px;display:flex}.public-demos-module__x-4ejq__filters form{flex:1;min-width:0}.public-demos-module__x-4ejq__filters input{color:#eee;width:100%;min-width:0;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;font-size:13px}.public-demos-module__x-4ejq__filters svg{color:#888;flex-shrink:0}.public-demos-module__x-4ejq__filters button{padding:5px 9px}.public-demos-module__x-4ejq__rows{gap:6px;display:grid}.public-demos-module__x-4ejq__rows article{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:12px;grid-template-columns:minmax(0,1fr) 135px 76px 102px;align-items:center;gap:14px;padding:10px 14px;display:grid}.public-demos-module__x-4ejq__rows article:hover{background:var(--pf-hover);border-color:#ff2b3a44}.public-demos-module__x-4ejq__map{align-items:center;gap:14px;min-width:0;display:flex}.public-demos-module__x-4ejq__map>svg{color:#fb6270;flex-shrink:0;width:27px;height:27px}.public-demos-module__x-4ejq__map>div{min-width:0}.public-demos-module__x-4ejq__map h3{margin:0 0 2px;font-size:16px}.public-demos-module__x-4ejq__map small{text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:10px;display:block;overflow:hidden}.public-demos-module__x-4ejq__rows article>div>span{color:#888;margin-bottom:3px;font-size:10px;display:block}.public-demos-module__x-4ejq__rows strong{font-size:12px}.public-demos-module__x-4ejq__rows a{color:#fff;background:#ff2b3a21;border:1px solid #ff2b3a45;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:12px;text-decoration:none;display:flex}.public-demos-module__x-4ejq__rows a:hover{background:#ff2b3a40}.public-demos-module__x-4ejq__page footer{color:#aaa;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:13px;display:flex}.public-demos-module__x-4ejq__page footer>div{align-items:center;gap:12px;display:flex}.public-demos-module__x-4ejq__page button:disabled{opacity:.35;cursor:default}.public-demos-module__x-4ejq__empty{text-align:center;color:#aaa;background:#151517;border-radius:13px;padding:45px 20px}.public-demos-module__x-4ejq__empty>svg{color:#ff6d79;width:35px;height:35px}.public-demos-module__x-4ejq__empty h2{color:#eee;font-size:21px}.public-demos-module__x-4ejq__empty p{font-size:13px}.public-demos-module__x-4ejq__empty button{margin:10px}.public-demos-module__x-4ejq__page a:focus-visible,.public-demos-module__x-4ejq__page button:focus-visible,.public-demos-module__x-4ejq__page input:focus-visible{outline-offset:3px;outline:2px solid #ff5967}@media (max-width:1100px){.public-demos-module__x-4ejq__layout{grid-template-columns:180px minmax(0,1fr)}.public-demos-module__x-4ejq__rows article{grid-template-columns:minmax(0,1fr) 102px}.public-demos-module__x-4ejq__map{grid-column:1}.public-demos-module__x-4ejq__rows article>div:nth-child(2){grid-area:2/1}.public-demos-module__x-4ejq__rows article>div:nth-child(3){grid-area:2/2}.public-demos-module__x-4ejq__rows a{grid-area:1/2}}@media (max-width:650px){.public-demos-module__x-4ejq__page{padding:24px 12px}.public-demos-module__x-4ejq__hero{margin-bottom:20px}.public-demos-module__x-4ejq__hero h1{font-size:28px}.public-demos-module__x-4ejq__layout{display:block}.public-demos-module__x-4ejq__layout aside{margin-bottom:20px}.public-demos-module__x-4ejq__layout aside nav{max-height:260px}.public-demos-module__x-4ejq__page footer{flex-wrap:wrap}.public-demos-module__x-4ejq__filters label{box-sizing:border-box;width:100%}.public-demos-module__x-4ejq__rows article{gap:8px;padding:10px 12px}.public-demos-module__x-4ejq__heading h2{font-size:21px}}