.status-dot{color:var(--status-dot-color);white-space:nowrap;align-items:center;gap:8px;font-size:14px;line-height:20px;display:inline-flex}.status-dot>i{background:var(--status-dot-color);border-radius:50%;flex:none;width:8px;height:8px}.status-dot--hollow>i{box-sizing:border-box;border:1px solid var(--status-dot-color);background:0 0}.status-dot--soft{background:var(--status-dot-bg);border-radius:4px;gap:5px;padding:3px 8px;font-size:12px;line-height:18px}.status-dot--soft>i{width:5px;height:5px}