.u109-activity{display:inline-flex;position:relative}.look-officer .u109-activity .u109-activity-btn{color:var(--lo-label);border-radius:4px;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.look-officer .u109-activity .u109-activity-btn:hover,.look-officer .u109-activity .u109-activity-btn[aria-expanded=true]{color:var(--lo-ink);background:#f1f4f6}.u109-activity-dot{background:#1e4b6a;border-radius:50%;width:6px;height:6px}.u109-activity-panel{z-index:60;box-sizing:border-box;border:1px solid var(--lo-line);white-space:normal;text-align:left;background:#fff;border-radius:10px;width:410px;padding:18px 20px 20px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 36px #0f1e2d24}.u109-activity-panel p{margin:0}.u109-activity-title{color:var(--lo-ink);font-size:15px;font-weight:500}.u109-activity-head{align-items:center;gap:12px;margin-top:14px;display:flex}.u109-activity-avatar{color:#fff;background:#1e4b6a;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:14px;font-weight:500;display:grid}.u109-activity-who{flex:1;min-width:0}.u109-activity-name{color:var(--lo-ink);font-size:14px;font-weight:500}.u109-activity-ref,.u109-activity-at,.u109-activity-note{color:var(--lo-label);font-size:13px}.u109-activity-at{flex:none;align-self:flex-start}.u109-activity-steps{color:var(--lo-ink);gap:12px;margin:16px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.u109-activity-steps li{align-items:flex-start;gap:12px;display:flex}.u109-activity-steps svg{color:#6b7781;flex:none;margin:2px 9px 0}.u109-activity-step{flex:1;min-width:0}.u109-activity-note{white-space:nowrap;flex:none}.u109-activity-foot{border-top:1px solid var(--lo-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.u109-activity-ready{color:var(--lo-ink);align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.u109-activity-ready svg{flex:none;margin:0 8px}.look-officer .u109-activity .u109-activity-go{color:#fff;background:#1e4b6a;border-radius:4px;padding:8px 12px;font-size:13px;display:inline-flex}.look-officer .u109-activity .u109-activity-go:hover{color:#fff;opacity:.92;background:#1e4b6a}@media (max-width:520px){.u109-activity{position:static}.u109-activity-panel{width:auto;top:calc(100% + 4px);left:16px;right:16px}}
