#kviklet-access-graph{--kg-bg:#111827;--kg-node:#1b2435;--kg-border:#48536a;--kg-accent:#a5b4fc;color:#f5f6fb;background:linear-gradient(var(--kg-bg), var(--kg-bg)) padding-box, linear-gradient(to bottom, #6366f1, #4b5563) border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid #0000;border-radius:20px;padding:28px 16px 18px;font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;container:access-graph/inline-size}#kviklet-access-graph *{box-sizing:border-box}#kviklet-access-graph .kg-head{text-align:center}#kviklet-access-graph .kg-description{color:#d1d5db;max-width:640px;margin:12px auto 0;font-size:clamp(14px,1.5vw,16px);line-height:1.6}#kviklet-access-graph .kg-eyebrow{color:#a5b4fc;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;font-size:11px;font-weight:600}#kviklet-access-graph h2{color:#f5f6fb;letter-spacing:-.035em;margin:0;font-size:clamp(23px,3.3vw,34px);font-weight:600;line-height:1.2}#kviklet-access-graph .kg-canvas{background-image:radial-gradient(#344058 1px,#0000 1px);background-size:18px 18px;border-radius:14px;height:525px;margin-top:20px;position:relative}#kviklet-access-graph .kg-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#kviklet-access-graph .kg-wire{fill:none;stroke:#738099;stroke-width:1.5px;transition:opacity .18s,stroke .18s}#kviklet-access-graph .kg-wire.active{stroke:var(--kg-accent);stroke-width:2px}#kviklet-access-graph .kg-wire.dim{opacity:.2}#kviklet-access-graph .kg-node{z-index:1;text-align:center;position:absolute;transform:translate(-50%,-50%)}#kviklet-access-graph .kg-card{color:#f5f6fb;background:var(--kg-node);border:1px solid var(--kg-border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:92px;padding:12px 6px;display:flex;position:relative;box-shadow:0 5px 16px #080d1633}#kviklet-access-graph button.kg-card{font:inherit;cursor:pointer}#kviklet-access-graph .kg-card:before,#kviklet-access-graph .kg-card:after{content:"";border:2px solid var(--kg-bg);background:#a0aec4;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}#kviklet-access-graph .kg-card:before{left:-5px}#kviklet-access-graph .kg-card:after{right:-5px}#kviklet-access-graph .kg-start .kg-card:before,#kviklet-access-graph .kg-end .kg-card:after{display:none}#kviklet-access-graph #kg-client .kg-card:before,#kviklet-access-graph #kg-client .kg-card:after{left:50%;right:auto;transform:translate(-50%)}#kviklet-access-graph #kg-client .kg-card:before{top:-5px}#kviklet-access-graph #kg-client .kg-card:after{top:auto;bottom:-5px}#kviklet-access-graph .kg-client-inport{border:2px solid var(--kg-bg);background:#a0aec4;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}#kviklet-access-graph .kg-card svg{stroke-width:1.5px;color:#c7d2fe;width:25px;height:25px}#kviklet-access-graph .kg-name{font-size:13px;font-weight:600;line-height:1.25;display:block}#kviklet-access-graph .kg-sub{color:#b0bdd3;margin-top:2px;font-size:11px;line-height:1.4;display:block}#kviklet-access-graph .kg-badge{white-space:nowrap;color:#d5ccff;background:#342b52;border-radius:5px;padding:2px 7px;font-size:10px;line-height:1.5;display:inline-block}#kviklet-access-graph .kg-gate .kg-card{background:#282942;border-color:#8583b1}#kviklet-access-graph .kg-active .kg-card{border-color:var(--kg-accent);box-shadow:0 0 0 2px #a5b4fc15}#kviklet-access-graph .kg-dim{opacity:.45}#kviklet-access-graph .kg-node{transition:opacity .18s}#kviklet-access-graph .kg-satellite{z-index:2;text-align:center;position:absolute;transform:translate(-50%,-50%)}#kviklet-access-graph .kg-logo{background:#202b3d;border:1px solid #4b566c;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}#kviklet-access-graph .kg-logo img{-o-object-fit:contain;object-fit:contain;width:27px;height:27px}#kviklet-access-graph .kg-database,#kviklet-access-graph .kg-database .kg-logo{width:56px;height:56px}#kviklet-access-graph .kg-database .kg-logo img{width:34px;height:34px}#kviklet-access-graph .kg-database-name{white-space:nowrap;color:#d4deef;font-size:11px;line-height:1.3;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}#kviklet-access-graph .kg-logo.light{background:#f3f4f8}#kviklet-access-graph .kg-invert{filter:invert()}#kviklet-access-graph .kg-association{color:#bdc8dc;text-align:center;z-index:3;background:#111827;padding:2px 5px;font-size:11px;line-height:1.3;position:absolute;transform:translate(-50%,-50%)}#kviklet-access-graph .kg-footer{color:#aebbd0;border-top:1px solid #2d374a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;font-size:11px;display:flex}#kviklet-access-graph .kg-brand{color:#d4deef;align-items:center;gap:7px;display:inline-flex}#kviklet-access-graph .kg-brand svg{width:16px;height:16px}#kviklet-access-graph .kg-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container access-graph (width<=619px){#kviklet-access-graph .kg-canvas{height:1105px}#kviklet-access-graph .kg-name{font-size:12px}#kviklet-access-graph .kg-sub{font-size:11px}#kviklet-access-graph .kg-card{min-height:100px;padding:10px 5px}#kviklet-access-graph .kg-badge{padding:2px 4px;font-size:10px}#kviklet-access-graph .kg-logo{width:40px;height:40px}#kviklet-access-graph .kg-logo img{width:25px;height:25px}#kviklet-access-graph .kg-database,#kviklet-access-graph .kg-database .kg-logo{width:48px;height:48px}#kviklet-access-graph .kg-database .kg-logo img{width:30px;height:30px}#kviklet-access-graph .kg-client-inport{display:none}#kviklet-access-graph .kg-card:before,#kviklet-access-graph .kg-card:after{left:50%;right:auto;transform:translate(-50%)}#kviklet-access-graph .kg-card:before{top:-5px}#kviklet-access-graph .kg-card:after{top:auto;bottom:-5px}}@media (prefers-reduced-motion:reduce){#kviklet-access-graph *{transition:none!important}}#kviklet-access-graph .kg-card:focus-visible{outline-offset:4px;outline:2px solid #c7d2fe}
