.ci[data-v-083fe7c6]{color:var(--ci-tone);vertical-align:middle;align-items:center;gap:8px;display:inline-flex;position:relative}.disc[data-v-083fe7c6]{width:var(--ci-size);height:var(--ci-size);background:color-mix(in srgb, var(--ci-tone) 13%, transparent);border:1px solid color-mix(in srgb, var(--ci-tone) 26%, transparent);border-radius:30%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.disc svg[data-v-083fe7c6]{width:62%;height:62%;display:block}.dir[data-v-083fe7c6]{left:calc(var(--ci-size) - var(--ci-dir) * .58);top:calc(var(--ci-size) - var(--ci-dir) * .58);width:var(--ci-dir);height:var(--ci-dir);background:var(--surf2);border:1px solid var(--line2);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.dir svg[data-v-083fe7c6]{width:74%;height:74%;display:block}.dir.in[data-v-083fe7c6]{color:var(--mint)}.dir.out[data-v-083fe7c6]{color:var(--vio-lt);transform:rotate(180deg)}.dir.internal[data-v-083fe7c6]{color:var(--dim)}.lbl[data-v-083fe7c6]{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:650}@supports not (background:color-mix(in srgb, red 10%, transparent)){.disc[data-v-083fe7c6]{border-color:var(--line2);background:#a78bfa1a}}