.hr-root{position:relative}.hr-field{vertical-align:baseline;display:inline-grid;position:relative}.hr-field>.hr-empty,.hr-field>.hr-fill{transition:opacity .34s var(--ease),transform .34s var(--ease);grid-area:1/1}.hr-field>.hr-empty{color:var(--ink-3);opacity:.85}.hr-field>.hr-empty .slot{border-bottom:1.5px dashed #0a0b0a38;min-width:56px;height:1em;display:inline-block}.hr-field>.hr-fill{opacity:0;color:var(--accent-d);pointer-events:none;border-radius:6px;font-weight:600;transform:translateY(3px)}.hr-field.hr-on>.hr-empty{opacity:0;transform:translateY(-3px)}.hr-field.hr-on>.hr-fill{opacity:1;background:var(--accent-sub);box-shadow:0 0 0 4px var(--accent-sub),0 0 22px -2px #10ac5259;transform:none}.hr-field.hr-chip>.hr-empty,.hr-field.hr-chip>.hr-fill{border-radius:8px;padding:5px 10px}.hr-field.hr-chip>.hr-empty{box-shadow:none;background:#0a0b0a0b}.hr-field.hr-chip.hr-on>.hr-fill{box-shadow:0 0 18px -2px #10ac5266}.hr-static .hr-field>.hr-empty{opacity:0}.hr-static .hr-field>.hr-fill{opacity:1;background:var(--accent-sub);transform:none}.hr-hint{font-family:var(--sans);color:var(--ink-3);align-items:center;gap:8px;margin-top:14px;font-size:12.5px;display:inline-flex}.hr-hint .d{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite hr-pulse}@keyframes hr-pulse{0%,to{opacity:.4}50%{opacity:1}}.hr-static .hr-hint{display:none}