.ui-dots{isolation:isolate;background-image:radial-gradient(circle at center, rgb(var(--ink-rgb) / .07) 1px, transparent 1.4px);background-position:50%;background-size:22px 22px;width:100%;height:100%;min-height:440px;position:relative}.ui-dots-canvas{z-index:-1;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease);position:absolute;inset:0}.ui-dots-canvas.is-on{opacity:1}.ui-dots-corner{border:0 solid var(--line-strong);width:14px;height:14px;position:absolute}.ui-dots-corner.is-tl{border-width:1px 0 0 1px;top:0;left:0}.ui-dots-corner.is-tr{border-width:1px 1px 0 0;top:0;right:0}.ui-dots-corner.is-bl{border-width:0 0 1px 1px;bottom:0;left:0}.ui-dots-corner.is-br{border-width:0 1px 1px 0;bottom:0;right:0}.ui-dots-say,.ui-dots-foot{pointer-events:none;display:grid;position:absolute;left:28px;right:28px}.ui-dots-say{top:24px}.ui-dots-foot{bottom:24px}.ui-dots-cap,.ui-dots-foot>p{opacity:0;transition:opacity var(--t-rise) ease, transform var(--t-rise) ease;flex-direction:column;grid-area:1/1;gap:8px;margin:0;display:flex;transform:translateY(6px)}.ui-dots-cap.is-on,.ui-dots-foot>p.is-on{opacity:1;transform:none}.ui-dots-k{color:var(--muted);font:400 16px/1.4 var(--font-sans);align-items:center;gap:8px;display:inline-flex}.ui-dots-big{color:var(--ink);font:400 clamp(26px, 2.4vw, 34px)/1.15 var(--font-mono);letter-spacing:-.02em}.ui-dots-rule{max-width:30ch;color:var(--ink);font:500 19px/1.4 var(--font-sans);letter-spacing:-.01em;gap:10px;display:flex}.ui-dots-rule i,.ui-dots-pin i{border-radius:50%;flex:none;width:6px;height:6px;margin-top:.62em}.ui-dots-rule i.is-iris{background:var(--iris)}.ui-dots-from{color:var(--faint);font:400 14px/1.4 var(--font-mono);padding-left:16px}.ui-dots-foot>p{color:var(--ink-2);font:400 16px/1.4 var(--font-sans);flex-flow:wrap;align-items:center;gap:8px 10px}.ui-dots-agents{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.ui-dots-pin{pointer-events:none;opacity:0;transition:opacity var(--t-rise) ease;margin:0;position:absolute;top:0;left:0}.ui-dots-canvas:not(.is-on)~.ui-dots-pin{display:none}.ui-dots-pin.is-on{opacity:1}.ui-dots-pin>span{color:var(--ink);font:500 15px/1.35 var(--font-sans);white-space:nowrap;text-shadow:0 0 2px var(--page), 0 0 6px var(--page), 0 0 12px var(--page);transition:opacity var(--t-rise) ease;flex-direction:column;gap:2px;display:flex;position:absolute;top:0;left:16px;transform:translateY(-50%)}.ui-dots-pin.is-left>span{align-items:flex-end;left:auto;right:16px}.ui-dots-pin .is-gone{opacity:0}.ui-dots-file{color:var(--muted);font:400 14px/1.35 var(--font-mono)}@media (prefers-reduced-motion:reduce){.ui-dots-canvas,.ui-dots-cap,.ui-dots-foot>p,.ui-dots-pin,.ui-dots-pin>span{transition:none}.ui-dots-cap,.ui-dots-foot>p{transform:none}}.ui-dots-cmd{color:var(--ink);font:400 clamp(15px, 1.3vw, 18px)/1.4 var(--font-mono);overflow-wrap:anywhere}.ui-dots-agent{color:var(--ink-2);font:500 14px/1 var(--font-sans);align-items:center;gap:8px;display:inline-flex}.ui-dots-pin[data-side=below]>span{left:0;transform:translate(-50%,40px)}.ui-dots-pin.is-left[data-side=below]>span{align-items:center;left:0;right:auto}.ui-dots-two{align-items:center;gap:8px;display:inline-flex}.ui-dots-two i,.ui-dots-legend i,.ui-dots-gain{border-radius:50%;flex:none;width:6px;height:6px}.ui-dots-two i.is-red,.ui-dots-legend i.is-red{background:var(--red)}.ui-dots-two i.is-mint,.ui-dots-legend i.is-mint,.ui-dots-gain{background:var(--mint)}.ui-dots-legend i.is-iris{background:var(--iris)}.ui-dots-legend{color:var(--muted);font:400 15px/1.4 var(--font-sans);flex-wrap:wrap;gap:6px 18px;display:flex}.ui-dots-legend>span{align-items:center;gap:8px;display:inline-flex}.ui-dots-foot>p .ui-dots-gain{margin-right:2px}.ui-dots-pin .ui-dots-eye{background:url(/brand/cybedefend-favicon-white.svg) 50%/contain no-repeat;border-radius:0;width:28px;height:28px;margin-top:-54px;display:block}.ui-dots-k code,.ui-dots-two code{color:var(--faint);font:400 14px/1.4 var(--font-mono)}.ui-dots-cap .ui-dots-two{color:var(--ink-2);font:400 16px/1.4 var(--font-sans)}.ui-dots-pin[data-side=top]>span{left:0;transform:translate(-50%,calc(-100% - 6px))}.ui-dots-pin[data-side=above]>span{left:-4px;transform:translateY(calc(-100% - 12px))}@media (max-width:1023px){.ui-dots{min-height:0}.ui-dots-say{top:14px;left:16px;right:16px}.ui-dots-foot{bottom:12px;left:16px;right:16px}.ui-dots-cap{gap:4px}.ui-dots-k{font-size:14px}.ui-dots-big{font-size:20px}.ui-dots-cmd{font-size:13px}.ui-dots-rule{max-width:none;font-size:15px}.ui-dots-cap .ui-dots-two,.ui-dots-foot>p{font-size:14px}.ui-dots-agent{gap:6px;font-size:12px}.ui-dots-pin>span{font-size:13px}.ui-dots-corner{display:none}}.ui-dots-pin{transition:opacity .26s}.ui-dots-pin.is-hidden{opacity:0!important}.ui-dots-pin[data-side=center]>span{align-items:center;left:0;transform:translate(-50%,-22px)}.ui-dots-tile-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.ui-dots-tile{width:44px;height:44px;box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 4px rgb(var(--iris-rgb) / .08), 0 0 28px rgb(var(--iris-rgb) / .22);background:linear-gradient(#202028f2,#101016f2);border:1px solid #ffffff24;border-radius:12px;place-items:center;display:grid}.ui-dots-tile-name{color:var(--ink-2);font:500 13px/1 var(--font-sans);text-shadow:0 0 2px var(--page), 0 0 8px var(--page);white-space:nowrap}@media (max-width:1023px){.ui-dots-pin[data-side=center]>span{transform:translate(-50%,-16px)}.ui-dots-tile{border-radius:9px;width:32px;height:32px}.ui-dots-tile svg,.ui-dots-tile img,.ui-dots-tile [role=img]{width:18px!important;height:18px!important}.ui-dots-tile-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.ui-dots-pin{transition:none}}.ui-dots-node{color:var(--ink-2);font:400 13px/1.3 var(--font-mono);text-shadow:0 0 2px var(--page), 0 0 8px var(--page);white-space:nowrap}.ui-dots-node.is-check{color:var(--iris)}.ui-dots-pin[data-side=top]>span{white-space:nowrap}.ui-dots[data-scene=proved] .ui-dots-pin[data-side=top]>span{transform:translate(-50%,calc(-100% - 26px))}.ui-dots[data-scene=proved] .ui-dots-pin[data-side=left]>span{right:28px}.ui-dots[data-scene=proved] .ui-dots-pin[data-side=below]>span{transform:translate(-50%,12px)}.ui-dots[data-scene=proved] .ui-dots-pin[data-side=below] .ui-dots-two{white-space:normal;text-align:center;width:max-content;max-width:180px}@media (max-width:1023px){.ui-dots[data-scene=proved] .ui-dots-pin[data-side=top]>span{transform:translate(-50%,calc(-100% - 16px))}.ui-dots[data-scene=proved] .ui-dots-pin[data-side=left]>span{right:20px}.ui-dots[data-scene=proved] .ui-dots-pin[data-side=below]>span{transform:translate(-50%,10px)}.ui-dots-node{font-size:12px}}
