.pm-card[data-variant=hover]{width:max-content;max-width:340px;font:400 14px/20px var(--font-label);padding:8px 18px 8px 14px}.pm-card[data-variant=pin]{width:240px;font:400 14px/1.4 var(--font-label);text-align:left;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.pm-card[data-variant=pin] .said b{margin-right:4px;font-weight:500}.pm-card[data-variant=pin] .hi{color:inherit;width:16px;height:16px}.pm-card[data-variant=pin] .to-msg{height:32px;font:500 14px var(--font-label);color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin:2px 0 -2px -8px;padding:0 10px 0 8px;display:inline-flex}.pm-card[data-variant=pin] .to-msg:hover{background:var(--color-surface)}.pm-card[data-variant=mark]{pointer-events:auto;cursor:default;width:260px;padding:12px}.pm-card[data-variant=mark] .on{color:var(--color-text-secondary);margin-bottom:8px}.pm-card[data-variant=mark] textarea{box-sizing:border-box;resize:none;background:var(--color-surface);width:100%;font:400 14px/1.45 var(--font-label);color:var(--color-text-primary);border:0;border-radius:8px;outline:none;padding:8px 10px;display:block}.pm-card[data-variant=mark] .row{margin-top:10px}.pm-card[data-variant=mark] textarea{border:1px solid var(--color-border-muted);background:var(--color-paper);transition:border-color var(--dur-quick) var(--ease-out)}.pm-card[data-variant=mark] textarea::placeholder{color:var(--color-text-secondary);opacity:.75}.pm-card[data-variant=mark] textarea:focus{border-color:var(--color-text-primary)}