.flow-info-details{position:relative;display:inline-block}.flow-info-details>summary{list-style:none;display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:rgba(255,255,255,.025);color:#9eb0bc;font:700 10px/1 ui-sans-serif,system-ui;cursor:pointer;user-select:none}.flow-info-details>summary::-webkit-details-marker{display:none}.flow-info-details[open]>summary{border-color:rgba(134,200,255,.35);color:#cbe8ff;background:rgba(98,180,255,.07)}.flow-info-details.mini>summary{width:15px;height:15px;font-size:9px}.flow-info-card{position:absolute;z-index:200;right:0;top:23px;width:280px;padding:13px;border:1px solid rgba(134,200,255,.2);border-radius:11px;background:#0b1014;box-shadow:0 18px 50px rgba(0,0,0,.45);color:var(--soft)}.flow-info-card>strong{display:block;font-size:12px}.flow-info-card p{margin:8px 0 10px;color:var(--muted);font-size:9.5px;line-height:1.5}.flow-info-card span{display:block;padding-top:5px;border-top:1px solid rgba(255,255,255,.055);font-size:8.5px;color:#aebbc4}.flow-info-card span+span{margin-top:5px}.flow-mini-node .flow-info-card{right:-4px}.automation-flow-node:first-child .flow-info-card{left:0;right:auto}@media(max-width:720px){.flow-info-card{position:fixed;left:12px!important;right:12px!important;top:auto;bottom:12px;width:auto;max-width:none}}